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. js 判断function是否存在

    function myFunction(){ }//方法一 if(typeof(myFunction) == 'function'){ //function }else{ //undefined }/ ...

  2. <Docker学习>5. docker数据管理

    当我们创建了一个tomcat容器,如何简单部署一个web应用?如何将war包放入到容器中?也就是说怎么样把文件从宿主机中 "放入" 到容器中? docker cp命令可以将宿主机本 ...

  3. Android 内嵌 HTML5 并进行交互

    Android与HTML5的交互主要是两个部分, 与HTML5的交互以及与JavaScript的交互, 与HTML5的交互可以通过注册onclick事件转化为与JavaScript的交互 Androi ...

  4. js双轴柱状图

    <!doctype html><html lang="en"><head> <script type="text/javascr ...

  5. Altium Designer 快捷键使用整理

    Altium Designer 快捷键 一.原理图部分 1.原理图元件自动编号 原理图中快捷键 T+A 2.原理图与PCB交互设计查找 原理图中选中一个元件跳转到PCB中相应的位置T+S 3.原理图中 ...

  6. CSS3---混合模式

    概念 CSS3混合模式(  CSS Blend Modes  )是CSS3新增的一个魔法特性,可以允许多个背景或多个元素进行混合,类似于Photoshop的图层混合模式 CSS3混合模式属性一览 ba ...

  7. hover 改变另一个标签的属性

  8. Java 多线程并发编程一览笔录

    Java 多线程并发编程一览笔录 知识体系图: 1.线程是什么? 线程是进程中独立运行的子任务. 2.创建线程的方式 方式一:将类声明为 Thread 的子类.该子类应重写 Thread 类的 run ...

  9. 《Cracking the Coding Interview》——第18章：难题——题目10

    2014-04-29 04:22 题目:给定一堆长度都相等的单词,和起点.终点两个单词,请从这堆单词中寻找一条变换路径,把起点词变成终点词,要求每次变换只能改一个字母. 解法:Leetcode中有Wo ...

  10. 《Cracking the Coding Interview》——第1章：数组和字符串——题目7

    2014-03-18 01:55 题目:给定一个MxN矩阵,如果某个元素为0,则将对应的整行和整列置为0. 解法:单独挑出一行和一列作为标记数组.因为某元素为0就全部置为0,所以不论A[i][j]为0 ...