json数据是一种文本字符串，它是javascript的原生数据格式，在数据需要多次重复使用时，json数据是ajax请求的首先。（注：ajax返回的数据格式支持三种分别为：文本格式，json、和xml）.。

json数据格式的规则是：

1.映射用冒号表示

2.并列的数据之间用逗号分隔。

3.映射的集合或者对象用大括号表示{}。

4.并列的数据集合用中括号表示。[].

json数据的形式如：{”名称1“：”值1“，”名称2“：”值2“,...."名称n"："值n"}

下面的案例讲述了json数据的几个简单案例，如何取json数据中的值：

代码如下：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>json格式的案例</title>

 </head>

 <body>

     <script type="text/javascript" language="javascript">

         /*第一个例子*/

         /*定义一个dog对象,该对象有三个属性:name,age,height;*/

         document.writeln("第一个例子:"+"<br/>");

         var dog={"name":"pug","age":"","height":""};

         //取出dog中的各个属性所对应的值：

         document.writeln("the dog name is :"+dog.name+" and age is:"+dog.age+" and height is:"+dog.height+"<br/>");

      /*  第二个例子*/

      //定义多条狗，这里定义3条狗。

         document.writeln("第二个例子:"+"<br/>");

         var dogs=[

             {"name":"pug","age":"","height":""},

             {"name":"pug2","age":"","height":""},

             {"name":"pug3","age":"","height":""}

                      ];

         //用循环取出这三条狗的信息

         for(var i=;i<dogs.length;i++){

             document.writeln("第"+(i+)+"条狗的信息是：名字是："+dogs[i].name+" 年龄是："+dogs[i].age+" 身高是："+dogs[i].height+"<br/>");

         }

         //第三个例子,从这个例子可以看出，每一个{}中的属性，未必都要相同。

         document.writeln("第三个例子:"+"<br/>");

         var cats={"friends":[{"name":"cat","age":""},{"age":}]};

         document.writeln("第一只猫的年龄是："+cats.friends[].age+"<br/>"+"第二只猫的年龄是："+cats.friends[].age);

     </script>

 </body>

 </html>

运行的结果如下：

第一个例子:

the dog name is :pug and age is: and height is:

第二个例子:

第1条狗的信息是：名字是：pug 年龄是： 身高是：

第2条狗的信息是：名字是：pug2 年龄是： 身高是：

第3条狗的信息是：名字是：pug3 年龄是： 身高是：

第三个例子:

第一只猫的年龄是：

第二只猫的年龄是：

json数据格式的简单案例的更多相关文章

  1. Android中JSON数据格式的简单使用

    源码: package com.wangzhu.demo; import java.io.BufferedReader; import java.io.IOException; import java ...

  2. android json解析及简单例子+Android与服务器端数据交互+Android精彩案例【申明：来源于网络】

    android json解析及简单例子+Android与服务器端数据交互+Android精彩案例[申明:来源于网络] android json解析及简单例子:http://www.open-open. ...

  3. 基于json数据格式实现的简单数据库——jsonDB

    已在github上建立项目:https://github.com/ThinkerCodeChina/jsonDB /** +-------------------------------------- ...

  4. json数据格式及json校验格式化工具简单实现

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, ...

  5. $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互

    一.ajax  1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json  2 ajax干啥用的?前后端做数据交互:  3 之前学的跟后台做交互的方式:   -第一种:在浏览器 ...

  6. VS快速生成JSON数据格式对应的实体

          有固定好的Json数据格式,你还在手动敲对应的实体吗?有点low了!步入正题,这是一个json字符串,先去验证JSON数据格式(http://www.bejson.com/)如下: { & ...

  7. JSON 数据格式

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易 ...

  8. JSON数据格式

    JSON 数据格式 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人 ...

  9. 【Android进阶】Gson解析json字符串的简单应用

    在客户端与服务器之间进行数据传输,一般采用两种数据格式,一种是xml,一种是json.这两种数据交换形式各有千秋,比如使用json数据格式,数据量会比较小,传输速度快,放便解析,而采用xml数据格式, ...

随机推荐

  1. 7-3 python操作excel

    1.写excel 写入特定单元格数据 # .导入xlwt模块 # .新建一个excel # .添加一个sheet页 # .往指定的单元格中写入数据 # .保存excel import xlwt boo ...

  2. 分享spring、spring boot、spring cloud一些学习资源，从基础知识到项目实战

    1.spring注解驱动开发,学习spring boot和spring cloud必备知识 链接: https://pan.baidu.com/s/1xhULzLlpkERhoMi1G5Lgfg 密码 ...

  3. MyCat实现数据库与数据库之间的读写分离

    一.Mycat的安装准备: 1.jdk:要求jdk必须是1.7及以上版本 2.Mysql:推荐mysql是5.5以上版本 3.Mycat: Mycat的官方网站: http://www.mycat.o ...

  4. 使用shell脚本依据分区信息分批次的下载hive表格数据

    今天的业务场景大概是这样的,我想把hive表格下载到本地文件系统,然后把这个文件传送到另一个服务器上. 但是这个业务场景一个核心问题就是说我本地机器内存有限,hive表格大概是70G,我是不可能全部下 ...

  5. poj 2579 中位数问题 查找第K大的值

    题意:对列数X计算∣Xi – Xj∣组成新数列的中位数. 思路:双重二分搜索 对x排序 如果某数大于 mid+xi 说明在mid后面,这些数的个数小于 n/2 的话说明这个中位数 mid 太大 反之太 ...

  6. 6，MongoDB 之 Array Object 的特殊操作

    相比关系型数据库, Array [1,2,3,4,5] 和 Object { 'name':'DragonFire' } 是MongoDB 比较特殊的类型了 特殊在哪里呢?在他们的操作上又有什么需要注 ...

  7. Android获取状态栏的高度：

    方法一: //获取手机状态栏高度 public static int getStatusBarHeight(Context context){ Class<?> c = null; Obj ...

  8. laravel5.5用户认证

    目录 1. 命令 2. 快速认证 2.1 自定义路径 2.2 自定义用户名 2.3 自定义看守器 2.4 自定义验证/存储 2.5 Auth::xx() 2.6 保护路由 2.7 指定看守器 3 手动 ...

  9. 使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

    使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web ...

  10. lintcode

    public class Solution { /** * @param s: The first string * @param b: The second string * @return tru ...