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