JavaScript JSON


JSON 是用于存储和传输数据的格局。

JSON 一般用于服务端向网页传递数据 。


什么是 JSON?

  • JSON 英文全称 JavaScript Object Notation
  • JSON 是一种轻量级的数据交换格局。
  • JSON是独立的言语 *
  • JSON 易于了解。

Note * JSON 运用 JavaScript 语法,可是 JSON 格局仅仅是一个文本。
文本能够被任何编程言语读取及作为数据格局传递。

JSON 实例

以下 JSON 语法界说了 employees 目标: 3 条职工记载(目标)的数组:

JSON Example

{"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 目标

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 数据,并在网页中显现数据。

简略起见,咱们网页中直接设置 JSON 字符串 (你还能够阅览咱们的 JSON 教程):

首要,创立 JavaScript 字符串,字符传为 JSON 格局的数据:

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 教程