JSON的使用

什么是 JSON ？

• JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）

• JSON 是轻量级的文本数据交换格式

• JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。

• JSON 具有自我描述性，更易理解

JSON - 转换为 JavaScript 对象

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。

JSON 语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

• 数据在名称/值对中

• 数据由逗号 , 分隔

• 使用斜杆 \ 来转义字符

• 大括号 {} 保存对象

• 中括号 [] 保存数组，数组可以包含多个对象

JSON 的两种结构：

1、对象：大括号 {} 保存的对象是一个无序的名称/值对集合。一个对象以左括号 { 开始， 右括号 } 结束。每个"键"后跟一个冒号 :，名称/值对使用逗号 , 分隔。

2、数组：中括号 [] 保存的数组是值（value）的有序集合。一个数组以左中括号 [ 开始， 右中括号 ] 结束，值之间使用逗号 , 分隔。

值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array），它们是可以嵌套。

JSON 名称/值对

JSON 数据的书写格式是：

key : value

名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：

"name" : "菜鸟教程"

这很容易理解，等价于这条 JavaScript 语句：

name = "菜鸟教程"

JSON 使用 JavaScript 语法

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

实例1

var sites = [{"name":"runoob" , "url":"www.runoob.com"},

{"name":"google" , "url":"www.google.com"},

{"name":"微博" , "url":"www.weibo.com"}];

可以像这样访问 JavaScript 对象数组中的第一项（索引从 0 开始）：

sites[0].name;

返回的内容是：

runoob

实例2 逗号不用加引号

String tempString = {"responseCode":"0000",

"responseMsg":"查询成功",

"success":"true",

"data":[

{"programmeNo" : "20230303dddd00",

"businessTrip" : "收购特斯拉",

"custName" : "特斯拉美国总部",

"detailText" : "会谈。内容讨论如何把比亚迪的车标安到特斯拉上",

"unsolvedMatter" : "motherFuck",

"startDate" : "2022-03-02",

"endDate" : "2022-03-02",

"businessTripMan" : "88557348,88557348",

"visitor" : "88557348"

}

]} ;

JSON vs XML

JSON 和 XML 都用于接收 web 服务端的数据。

最大的不同是：XML 需要使用 XML 解析器来解析，JSON 可以使用标准的 JavaScript 函数来解析。

JSON.parse(): 将一个 JSON 字符串转换为 JavaScript 对象。

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

JSON 解析实例

例如我们从服务器接收了以下数据：

{"name":"runoob", "alexa":10000, "site":"www.runoob.com"}

我们使用 JSON.parse() 方法处理以上数据，将其转换为 JavaScript 对象：

varobj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');

语法

JSON.parse(text[, reviver])

参数说明：

• text:必需， 一个有效的 JSON 字符串。

• reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

从服务端接受JSON数据

从服务端接受数组的JSON数据

JSON.stringify(): 将 JavaScript 值转换为 JSON 字符串。

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

语法

JSON.stringify(value[, replacer[, space]])

参数说明：

• value:必需， 要转换的 JavaScript 值（通常为对象或数组）。

• replacer:可选。用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。

• space:可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

JavaScript 对象转换

例如我们向服务器发送以下数据：

varobj = {"name":"runoob", "alexa":10000, "site":"www.runoob.com"};

我们使用 JSON.stringify() 方法处理以上数据，将其转换为字符串：

varmyJSON = JSON.stringify(obj);

myJSON 为字符串。

我们可以将 myJSON 发送到服务器：

实例

varobj = {"name":"runoob", "alexa":10000, "site":"www.runoob.com"}; varmyJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;

JSON 对象

对象语法

实例

{"name":"runoob", "alexa":10000, "site":null}

JSON 对象使用在大括号 {...} 中书写。

对象可以包含多个 key/value（键/值）对。

key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。

key 和 value 中使用冒号 : 分割。

每个 key/value 对使用逗号 , 分割。

访问对象值

你可以使用点号 . 来访问对象的值：

实例

varmyObj, x; myObj = {"name":"runoob", "alexa":10000, "site":null}; x = myObj.name;

你也可以使用中括号（[]）来访问对象的值：

实例

varmyObj, x; myObj = {"name":"runoob", "alexa":10000, "site":null}; x = myObj["name"];

循环对象

你可以使用 for-in 来循环对象的属性：

实例

varmyObj = {"name":"runoob", "alexa":10000, "site":null}; for(xinmyObj){document.getElementById("demo").innerHTML += x + "<br>"; }

JSON 数组

JSON 数组在中括号中书写。

中括号 [] 保存的数组是值（value）的有序集合。一个数组以左中括号 [ 开始， 右中括号 ] 结束，值之间使用逗号 , 分隔。

JSON 对象中的数组

对象属性的值可以是一个数组：

{"name":"网站", "num":3, "sites":["Google", "Runoob", "Taobao"]}

我们可以使用索引值来访问数组：

x = myObj.sites[0];

JSON 使用

---

把 JSON 文本转换为 JavaScript 对象

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。

为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。