json数据格式的简单案例

  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

 

posted @ 2017-07-28 18:11  技术让世界更精彩  阅读(7734)  评论(0编辑  收藏  举报