JSON ng JavaScript

JSON 是存储和传输数据的格式。

JSON 常常在数据从服务器发送到网页时使用。

什么是 JSON？

  • JSON 指的是 JavaScript Object Notation
  • otation
  • Ang JSON ay isang liwanag na format ng pagpapalitan ng datos Ang JSON ay malayang independenteng wika
  • *

* Ang JSON ay "self-descriptive" at madaling maunawaan

Sample ng JSON

Ang syntax ng JSON ay galing sa syntax ng symbol ng JavaScript object, ngunit ang format ng JSON ay panglilinaw na text.

Sample ng JSON

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

Ang format ng JSON ay pinapahalagahan bilang JavaScript object

Ang format ng JSON ay katulad sa code na gumagawa ng JavaScript object.

Dahil sa ganitong katuladang pagkakataon, ang mga programang JavaScript ay madaling i-convert ang JSON data sa lokal na JavaScript object.

Ang alituntunin ng JSON syntax

  • Ang datos ay pangalan na halaga
  • Ang datos ay pinaghihiwalay ng kumon
  • Ang mga pabilog na butas ay inilalagay sa object
  • Ang mga pabilog na butas ay inilalagay sa array

JSON data - pangalan at halaga

Ang pagkakasulat ng JSON data ay sa paraan ng pangalan na halaga, katulad ng attribute ng JavaScript object.

Ang pangalan na halaga ay binubuo ng pangalan ng (pabilog na butas na) pangalan, pagkatapos ng tuldok, at pagkatapos ng halaga:

"firstName":"Bill"

Ang pangalan ng JSON ay kailangan ng pangunguring pabilog, habang ang pangalan ng JavaScript ay hindi.

JSON 对象

Ang JSON object ay nakasulat sa loob ng mga pabilog na butas.

Katulad ng JavaScript, ang object ay makakapansin ng maraming naipon na pangalan na halaga:

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

JSON 数组

Ang JSON array ay nakasulat sa loob ng mga pabilog na butas.

Katulad ng JavaScript, ang array ay makakapansin ng object:

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

Sa itaas na halimbawa, ang object "employees" ay isang array. Ito ay naglalaman ng tatlong object.

Ang bawat object ay kumakatawan sa isang record ng tao (may pangalan at pangalan).

Ito ay pag-convert ng JSON text sa JavaScript object

Ang karaniwang paggamit ng JSON ay mula sa pagbasa ng datos mula sa web server at pagpapakita ng datos sa web page.

Para sa madaling pagpapatunay, maaaring gamitin ang string bilang input na pagtatanghal.

Unang kailangan, lumikha ng string na may JSON syntax:

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

然后，使用 JavaScript 的内建函数 JSON.parse() 来把这个字符串转换为 JavaScript 对象：

var obj = JSON.parse(text);

最后，请在您的页面中使用这个新的 JavaScript 对象：

实例

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

亲自试一试

您可以在我们的 JSON 教程 中阅读更多有关 JSON 的内容。