json數據是一種文本字符串,它是javascript的原生數據格式,在數據需要多次重復使用時,json數據是ajax請求的首先。(注:ajax返回的數據格式支持三種分別為:文本格式,json、和xml).。
json數據格式的規則是:
1.映射用冒號表示
2.並列的數據之間用逗號分隔。
3.映射的集合或者對象用大括號表示{}。
4.並列的數據集合用中括號表示。[].
json數據的形式如:{”名稱1“:”值1“,”名稱2“:”值2“,...."名稱n":"值n"}
下面的案例講述了json數據的幾個簡單案例,如何取json數據中的值:
代碼如下:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>json格式的案例</title> 6 </head> 7 <body> 8 <script type="text/javascript" language="javascript"> 9 /*第一個例子*/ 10 /*定義一個dog對象,該對象有三個屬性:name,age,height;*/ 11 document.writeln("第一個例子:"+"<br/>"); 12 var dog={"name":"pug","age":"16","height":"165"}; 13 //取出dog中的各個屬性所對應的值: 14 document.writeln("the dog name is :"+dog.name+" and age is:"+dog.age+" and height is:"+dog.height+"<br/>"); 15 /* 第二個例子*/ 16 //定義多條狗,這里定義3條狗。 17 document.writeln("第二個例子:"+"<br/>"); 18 var dogs=[ 19 {"name":"pug","age":"16","height":"165"}, 20 {"name":"pug2","age":"15","height":"163"}, 21 {"name":"pug3","age":"11","height":"161"} 22 ]; 23 //用循環取出這三條狗的信息 24 for(var i=0;i<dogs.length;i++){ 25 document.writeln("第"+(i+1)+"條狗的信息是:名字是:"+dogs[i].name+" 年齡是:"+dogs[i].age+" 身高是:"+dogs[i].height+"<br/>"); 26 } 27 //第三個例子,從這個例子可以看出,每一個{}中的屬性,未必都要相同。 28 document.writeln("第三個例子:"+"<br/>"); 29 var cats={"friends":[{"name":"cat","age":"12"},{"age":13}]}; 30 document.writeln("第一只貓的年齡是:"+cats.friends[0].age+"<br/>"+"第二只貓的年齡是:"+cats.friends[1].age); 31 </script> 32 </body> 33 </html>
運行的結果如下:
第一個例子: the dog name is :pug and age is:16 and height is:165 第二個例子: 第1條狗的信息是:名字是:pug 年齡是:16 身高是:165 第2條狗的信息是:名字是:pug2 年齡是:15 身高是:163 第3條狗的信息是:名字是:pug3 年齡是:11 身高是:161 第三個例子: 第一只貓的年齡是:12 第二只貓的年齡是:13
