第6课 讲解

        var student = {
            "sno" : "S1001",
            "pic" : "../images/guoya_logo.jpg",
            "sname" : "果芽",
            "status" : "1",
            "url" : "http://www.guoyasoft.com",
            "group" : "第一组",
            "cno" : "201803B"
        };
        var demo = document.getElementById("demo");
        var html = demo.innerHTML;
        html = html.replace("{sno}", student.sno);
        html = html.replace("{pic}", student.pic);

1. json是什么

它是js提供的一种数据交换格式！

2. json的语法

语法	描述
{}	是对象
" "	双引号，属性名必须使用双引号括起来！单引不行！！！
:	冒号，属性名和属性值的分隔符
,	逗号，多个相同项的分隔符
[]	中括号是数组

3. 基本类型

类型名	实例
null	"addr":null
数值	"age":23
字符串	"name":"果芽"
boolean值	true和false , "isPass":true

属性值：可以是基本类型、对象、数组三种中的一种

类型名	实例
null	"addr":null
数值	"age":23
字符串	"name":"果芽"
boolean值	true和false , "isPass":true

4. 数组：使用[]括起来

{"student":[{"name":"第一组","id":"1"},{"name":"第一组","id":"1"}]}

5. 对象：值是花括号{}

    {"group":{"name":"第一组","id":"1"}}

6. 应用json

var person = {"name":"zhangSan", "age":18, "sex":"male"};

7. 读取json数据

基本类型:
直接使用变量名，取变量值
对象：使用"."
使用对象名.属性名获取“属性值”
{"group":{"name":"第一组","id":"1"}}
group.name
group.id

数组：使用下标
{"student":[{"name":"第一组","id":"1"},{"name":"第一组","id":"1"}]}
student[0].name
student[1].id

student[1].name
student[1].id

8. json与xml比较
   可读性：XML胜出
   解析难度：JSON本身就是JS对象（主场作战），所以简单很多
   流行度：XML已经流行好多年，但在AJAX领域，JSON更受欢迎。