zoukankan      html  css  js  c++  java
  • json数据格式

    JSON概述

    JSON(JavaScript Object Notation)即JS对象标记法。是一种独立于各语言的文本格式,所以成为一种轻量级的数据交换格式。

    ★★★【重要注意:】服务器返回的JSON数据必须符合严格的JSON语法,例如:所有属性名称必须加双引号,所有字符串值也必须加双引号(而不是单引号)。

    定义JSON

    1.定义JSON对象

      //相当于定义person对象,属性name、age值分别为“张三”、18

      var person = {“name”:”张三”,”age”: 18};

    2.定义JSON数组

      //相当于定义persons数组,元素为两个对象

      var persons = [{“name”:”张三”,”age”: 18},

                {“name”:”李四”,”age”: 21}];

    以下是案例:

    使用json对象:

    function test() {
            //构造json对象
            var person = {
                "name" : "zhangsan",
                "sex" : "男",
                "age" : "23",
                "address" : "湖北武汉"
            };
            //取出json对象数据拼接为HTML
            var personInfo = '<tr><td>' + person.name + '</td><td>' + person.sex
                    + '</td><td>' + person.age + '</td><td>' + person.address
                    + '</td></tr>';
            //追加
            $("#person").append(personInfo);
        }

    使用json数组:

    function test2() {
            //构造json数组
            var persons = [ {
                "name" : "张三",
                "sex" : "男",
                "age" : "23",
                "address" : "湖北武汉"
            }, {
                "name" : "李四",
                "sex" : "女",
                "age" : "21",
                "address" : "湖北荆州"
            }, {
                "name" : "王武",
                "sex" : "男",
                "age" : "20",
                "address" : "湖北天门"
            } ];
            
            //循环拼接并追加
            for ( var i = 0; i < persons.length; i++) {
                //取出json数组数据拼接
                var personInfo = '<tr><td>' + persons[i].name + '</td><td>' + persons[i].sex
                + '</td><td>' + persons[i].age + '</td><td>' + persons[i].address
                + '</td></tr>';
                
                //追加
                $("#person").append(personInfo);
            }
        }
  • 相关阅读:
    网络流 讲解
    二分图判定 【模板】
    POJ——T3352 Road Construction
    shell脚本编写-自动部署及监控
    万能头文件
    1284 2 3 5 7的倍数(容斥原理)
    1289 大鱼吃小鱼(栈)
    1305 Pairwise Sum and Divide(数学 ,规律)
    博客达人
    Prim算法---最小生成树
  • 原文地址:https://www.cnblogs.com/javayuan/p/5388767.html
Copyright © 2011-2022 走看看