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. pycharm界面美化，个人喜欢

    进入file-setting选项 界面设置主要是在appearance和editor里面.appearance主要是整个pycharm的主题设置,比如文件管理窗口的颜色,其实就是软件本身的主题设置.我 ...

  2. 怎么退出jQuery的each函数

    返回 'false' 将停止循环 (就像在普通的循环中使用 'break').返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue'). 以下举例如何退出 each 函数和退出 ...

  3. filebeat的安装及配置

    概述:Filebeat是一个日志文件托运工具,在你的服务器上安装客户端后,filebeat会监控日志目录或者指定的日志文件,追踪读取这些文件(追踪文件的变化,不停的读),并且转发这些信息到elasti ...

  4. mysql，oracle表数据相互导入

    mysql导入oracle: 例如mysql中有ts_user_info表,现在要导入到oracle中的user_info表 1:导出mysql表数据到data.txt文件 mysql> sel ...

  5. Python学习-django-Model操作

    Django之Model操作   一.字段 AutoField(Field) - int自增列,必须填入参数 primary_key=True BigAutoField(AutoField) - bi ...

  6. iOS-cell的封装和重用

    一.通过xib描述cell---(cell的高度一致,cell里面控件布局基本一样): 1.(M) 创建模型: -------------------------------------------- ...

  7. SGU 169 numbers 数学

    169.Numbers Let us call P(n) - the product of all digits of number n (in decimal notation). For exam ...

  8. 17-比赛2 F - Fox And Two Dots （dfs）

    Fox And Two Dots CodeForces - 510B ================================================================= ...

  9. javaScript编辑器sublime的安装

    最近在学习js,学习任何一门语言之前,当然免不了最初的环境安装: 见:http://www.cnblogs.com/zhcncn/p/4113589.html

  10. 2，Flask 中的 Render Redirect HttpResponse

    一,Flask中的HTTPResponse 在Flask 中的HttpResponse 在我们看来其实就是直接返回字符串 二,.Flask中的Redirect 每当访问"/redi" ...