JavaScript json

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

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

JSON是什么?

• JSON 是JavaScript Object Notation的缩写
• JSON 是轻量级数据交换格式
• JSON 语言独立的
• JSON 是“自我描述”，易于理解

• JSON的语法是从JavaScript对象符号语法, 但JSON格式是纯文本. 阅读和生成JSON数据的代码可以在任何编程语言编写的。

JSON 实例

这个JSON语法定义一个员工的对象: 3个员工记录的数组 (对象):

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

JSON格式返回JavaScript对象

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

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

JSON 语法规则

• 数据在名称/值对
• 数据是以逗号分隔
• 大括号包含对象
• 方括号包含数组

JSON数据 - 名称和值

JSON数据写成名称/值对，就像JavaScript对象的属性.

名称/值对包括字段名（双引号），后跟冒号，后跟一个值:

"firstName":"John"

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

JSON 对象

JSON对象写在括号里面.

就像在JavaScript，对象可以包含多个名称/值对:

{"firstName":"John", "lastName":"Doe"}

JSON 数组

JSON 数组是写在方括号内

就像在JavaScript中，数组可以包含对象:

"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]

在上面的例子中，对象“employees”是一个数组。它包含三个对象.

每个对象都是一个人的记录（名字和姓氏）.

将JSON文本转换为JavaScript对象

JSON的一个常见用途是从Web服务器上读取数据，并在网页中显示数据.

为了简单起见，可以使用字符串来表示.

首先，创建一个包含JSON语法JavaScript字符串:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

然后，使用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 教程。