JSON JavaScript

JSON naa shafin da amfana da nazarin da data.

JSON yana dake a hoto da data daga server zuwa web.

Koyi ne JSON?

  • JSON naa dake JavaScript Object Notation
  • JSON 是轻量级的数据交换格式
  • JSON 独立于语言 *
  • JSON 是“自描述的”且易于理解

* JSON 的语法是来自 JavaScript 对象符号的语法，但 JSON 格式是纯文本。读取和生成 JSON 数据的代码可以在任何编程语言编写的。

JSON 实例

JSON 语法定义了一个雇员对象：包含三条员工记录的数组（对象）：

JSON 实例

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

JSON 格式评估为 JavaScript 对象

JSON 格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性，JavaScript 程序可以很容易地将 JSON 数据转换成本地的 JavaScript 对象。

JSON 语法规则

  • 数据是名称/值对
  • 数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

JSON 数据 - 名称和值

JSON 数据的书写方式是名称/值对，类似 JavaScript 对象属性。

名称/值对由（双引号中的）字段名构成，其后是冒号，再其后是值：

"firstName":"Bill"

JSON 名称需要双引号。JavaScript 名称不需要。

JSON 对象

JSON 对象是在花括号内书写的。

类似 JavaScript，对象能够包含多个名称/值对：

{"firstName":"Bill", "lastName":"Gates"}

JSON 数组

tashi na JSON ana ƙirƙira a cikin kafafu.

kamar JavaScript, tashi za a iya ƙunshi abin sha'awa:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

a cikin shaidar da aka kira, abin sha'awa "employees" ita ce wata tashi. ta ƙunshi abin sha'awa uku.

kowane abin sha'awa yana da wata girma ce ke wuri na mutum (da sunan da sunan mahaifiyarsa).

sabunta takardar JSON zuwa abin sha'awa JavaScript

amfani na yadda ake amfani da JSON shine ganin data daga mai rarraba web, kuma kuma ganin data a cikin yarjejeniyar yanar gizo.

dominan, za a iya yiwa da string a matsayin shirin guje-guje ɗaya.

farko, rufa ina ce gurɗe JSON:

var text = '{ "employees" : ['
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

Then, use JavaScript's built-in function JSON.parse() to convert this string to a JavaScript object:

var obj = JSON.parse(text);

Finally, use this new JavaScript object in your page:

Example

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

Try it yourself

A ka iya samun JSON nassara Ganin kai gina kananan JSON