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