JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 使用 Javascript语法来描述数据对象

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

JSON语法规则：

• 数据在名称/值对中
• 数据由逗号分隔
• 大括号保存对象
• 中括号保存数组

访问对象值：

var myObj, x;

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

x = myObj.name; //使用点号（.）来访问对象的值

x = myObj["name"]; //使用中括号（[]）来访问对象的值

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

 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值：

修改 JSON 对象的值： myObj.sites.site1 = "www.google.com";

删除 JSON 对象的属性： delete myObj.sites.site1;

使用索引值来访问数组：

使用 for-in 来访问数组：

******************************************************************************************************************************

JSON.parse() 方法：

JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象

语法： JSON.parse(text,reviver)

• text:必需， 一个有效的 JSON 字符串。
• reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

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

解析完成后，我们就可以在网页上使用 JSON 数据了：

<p id="demo">p> 

<script>

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

document.getElementById("demo").innerHTML = obj.name + "：" + obj.site;

script>

使用 AJAX 从服务器请求 JSON 数据，并解析为 JavaScript 对象:

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

myObj = JSON.parse(this.responseText);

document.getElementById("demo").innerHTML = myObj.name;

}};

xmlhttp.open("GET", "/try/ajax/json_demo.txt", true);

xmlhttp.send();

******************************************************************************************************************************

 JSON.stringify() 方法:

JSON 通常用于与服务端交换数据。在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

语法： JSON.stringify(value,replacer,space)

• value:

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

• replacer:

  可选。用于转换结果的函数或数组。

  如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。

  如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。

• space:

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

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

var myJSON = JSON . stringify ( obj ) ;

document . getElementById ( " demo " ) . innerHTML = myJSON ;

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象:

var txt = '{ "sites" : [' +'{ "name":"菜鸟教程" , "url":"www.runoob.com" },' +'{ "name":"google" , "url":"www.google.com" },' +'{ "name":"微博" , "url":"www.weibo.com" } ]}'; 

var obj = eval ("(" + txt + ")"); 

document.getElementById("name").innerHTML=obj.sites[0].name document.getElementById("url").innerHTML=obj.sites[0].url