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更受欢迎。