JSON 表达式

JSON语法规则：
    数据在名称/值对中；
    数据由逗号分隔；
    大括号保存对象；
    中括号保存数组
1、访问对象值：

var myObj,x;
myObj = {"name":"runoob","alexa":10000,"site":null};
x = myObj.name; //使用点号（.）来访问对象的值
x = myObj["name"]; //使用中括号（[]）来访问对象的值

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

<p id="demo"></p>
<script>
var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += x + "<br>";
}
</script>

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

<p id="demo"></p>
<script>
var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {
    document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}
</script>

4、修改 JSON 对象的值： 

myObj.sites.site1 = "www.google.com";

5、删除 JSON 对象的属性： 

delete myObj.sites.site1;

5、使用索引值来访问数组：

<script>
  var myObj, x;
  myObj = {"name":"网站","num":3, "sites":[ "Google", "Runoob", "Taobao" ] }
  x = myObj.sites[0];
     document.getElementById("demo").innerHTML = x;
</script>

6、使用for-in 来访问数组：

<script>
var myObj, i, x = "";
myObj = {
"name":"网站",
"num":3,
"sites":[ "Google", "Runoob", "Taobao" ]
};
for (i in myObj.sites) {
    x += myObj.sites[i] + "<br>";
}
document.getElementById("demo").innerHTML = x;
</script>

******************************************************************************************************************************************
1、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>

2、使用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();

3、 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 有可以使用非数字，如： 。

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