zoukankan      html  css  js  c++  java
  • 在JavaScript中处理JSON数据 jquery js 定义 json 格式

    1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。
    JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值'对”之间使用“,”(逗号)分隔。
     
    规则如下:
     
    1)映射用冒号(“:”)表示。名称:值
    2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2
    3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2}
    4) 并列数据的集合(数组)用方括号(“[]”)表示。
    [
    {名称1:值,名称2:值2},
     
    {名称1:值,名称2:值2}
     
    ]
    5 )元素值可具有的类型:string, number, object, array, true, false, null
     
    2.json中的五种写法:
     
    1)传统方式存储数据,调用数据
     
    复制代码代码如下:
     
    <script type="text/javascript">
    //JS传统方式下定义"类"
    function Person(id,name,age){
    this.id = id;
    this.name = name;
    this.age = age;
    }
    //JS传统方式下创建"对象"
    var p = new Person(20141028,"一叶扁舟",22);
      
     
    //调用类中的属性,显示该Person的信息
    window.alert(p.id);
    window.alert(p.name);
    window.alert(p.age);
    </script>
     
     
    2)第一种样式:
     
    复制代码代码如下:
     
    <script type="text/javascript">
    var person = {
    id:001,
    name:"一叶扁舟",
    age:23
    }
    window.alert("编号:"+person.id);
    window.alert("用户名:"+person.name);
    window.alert("年龄:"+person.age);
    </script>
     
    3)第二种样式:
     
    复制代码代码如下:
     
    <script type="text/javascript">
    var p = [
    {id:001,name:"一叶扁舟",age:22},
    {id:002,name:"无悔",age:23},
    {id:003,name:"无悔_一叶扁舟",age:24}
    ];
      
     
    for(var i = 0; i < p.length; i++){
    window.alert("编号:"+p[i].id);
    window.alert("用户名:"+p[i].name);
    window.alert("年龄:"+p[i].age);
     
    }
    </script>
     
     
    4)第三种样式:
     
    复制代码代码如下:
     
    <script type="text/javascript">
    var p = {
    "province":[
    {"city":"福州"},
    {"city":"厦门"},
    {"city":"莆田"}
    ]
    };
    window.alert("所在城市:" + p.province[0].city);
    </script>
     
    5)第四种样式:
     
    复制代码代码如下:
     
    <script type="text/javascript">
    var p = {
    "ids":[
    {"id":001},
    {"id":002},
    {"id":003}
    ],
    "names":[
    {"name":"一叶扁舟"},
    {"name":"无悔"},
    {"name":"无悔_一叶扁舟"}
    ]
    };
      
     
    for(var i = 0; i < p.names.length; i++){
    window.alert("名字:"+p.names[i].name);
     
    }
    for(var i = 0; i < p.ids.length; i++){
    window.alert("id:"+p.ids[i].id);
    }
     
    </script>
     
     
    6)第五种样式:
     
    复制代码代码如下:
     
    <script type="text/javascript">
    var p = {
    "province":["福州","厦门","莆田"]
    };
    window.alert("城市的个数:"+p.province.length);
    window.alert("分别是:
    ");
    for(var i=0;i<p.province.length;i++){
    window.alert(p.province[i]);
    }
    </script>
  • 相关阅读:
    Web API 强势入门指南
    毫秒必争,前端网页性能最佳实践
    Windbg Extension NetExt 使用指南 【3】 ---- 挖掘你想要的数据 Managed Heap
    Windbg Extension NetExt 使用指南 【2】 ---- NetExt 的基本命令介绍
    Windbg Extension NetExt 使用指南 【1】 ---- NetExt 介绍
    WCF : 修复 Security settings for this service require Windows Authentication but it is not enabled for the IIS application that hosts this service 问题
    透过WinDBG的视角看String
    Microsoft Azure Web Sites应用与实践【4】—— Microsoft Azure网站的“后门”
    企业IT管理员IE11升级指南【17】—— F12 开发者工具
    WCF : 如何将NetTcpBinding寄宿在IIS7上
  • 原文地址:https://www.cnblogs.com/shaoing/p/10242676.html
Copyright © 2011-2022 走看看