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