橘子味的心
标题: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 教程


目录

分类