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. 【操作系统作业-lab4】 linux 多线程编程和调度器

    linux多线程编程 参考:https://blog.csdn.net/weibo1230123/article/details/81410241 https://blog.csdn.net/skyr ...

  2. give me something new 无用但有趣

    屏保系列 http://www.asty.org/cmatrix/dist/cmatrix-1.2a.tar.gz  //数码雨 libaa-bin //燃烧 海洋馆 http://search.cp ...

  3. Shell学习——终端打印

    1.echo1.1.默认情况下,echo在每次调用后会添加一个换行符1.2.待打印的内容,可以用单引号.双引号或者直接打印,不同的方式,有各自的限制1.2.1.使用不带引号的echo时,没法打印分好( ...

  4. 【LeetCode #179】Largest Number 解题报告

    原题链接:Largest Number 题目描述: Given a list of non negative integers, arrange them such that they form th ...

  5. Django+vue在腾讯云上搭建前后端分离项目

    最近打算用Django+vue搭建一个个人主站,在此记录一下搭建项目的整个过程. 一 开发环境: 腾讯云Centos     7 Python                3.7 Django    ...

  6. ElasticSearch 环境安装

    1)官网安装教程: http://www.elasticsearch.org/guide/reference/setup/installation/   2)简单安装: http://log.medc ...

  7. PHP.35-TP框架商城应用实例-后台11-商品分类-删除分类(2种方法)、添加、修改

    删除分类 删除一个分类的同时,其所有子分类都删除 在控制器CategoryCtroller.class.php中添加删除函数(delete) 在分类模型中添加钩子函数_before_delete()[ ...

  8. 5 Django-1的路由层(URLconf)

    URL配置(URLconf)就像Django 所支撑网站的目录.它的本质是URL与要为该URL调用的视图函数之间的映射表:你就是以这种方式告诉Django,对于客户端发来的某个URL调用哪一段逻辑代码 ...

  9. CSS3 Shape ---使用形状改变旁边内容的布局

    注意 本文所实现的功能,在浏览器的支持上并不好,除chrome浏览器外其余的大部分浏览器均不支持,虽然可以使用polyfill解决,但也不能很好的支持,有时也会出错 polyfill使用方法 下载po ...

  10. laravel5.5入口文件分析

    入口文件 public/index.php 1.加载composer的自动加载器 require __DIR__.'/../vendor/autoload.php'; 自动加载,不用再各种requir ...