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