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);
        }
    }