JS教程
JS版本
JS HTML DOM
JS Web API
JS AJAX
JS JSON
JS vs jQuery
JS参考手册
JavaScript
什么是 JSON？
- JSON 指的是 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 数组
JSON 数组在方括号中书写。
类似 JavaScript，数组能够包含对象：
"employees":[
{"firstName":"Bill", "lastName":"Gates"},
{"firstName":"Steve", "lastName":"Jobs"},
{"firstName":"Alan", "lastName":"Turing"}
]
在上面的例子中，对象 "employees" 是一个数组。它包含了三个对象。
每个对象代表一个人的一条记录（带有名和姓）。
把 JSON 文本转换为 JavaScript 对象
JSON 的通常用法是从 web 服务器读取数据，然后在网页中显示数据。
为了简单起见，可以使用字符串作为输入演示。
首先，创建包含 JSON 语法的 JavaScript 字符串：
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 的内容。
相关视频
24小时阅读榜
精品课程
共22课时
24.4万人学习
共28课时
36.2万人学习
共89课时
133.2万人学习
热门下载
集成PHP7，16种组合，超全大合集
下载
phpStudy安装所需运行库集合下载
下载
程序员工具箱 v1.0 php集成环境
下载
中文版，非常好用
下载
Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。
下载
Win64位，支持php多版本共存
下载