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提供的一種數(shù)據(jù)交換格式扔罪！
2. json的語法
| 語法 | 描述 |
|---|---|
| {} | 是對象 |
| " " | 雙引號妹田，屬性名必須使用雙引號括起來芯勘！單引不行！４镜亍！ |
| : | 冒號帅容，屬性名和屬性值的分隔符 |
| , | 逗號颇象，多個相同項的分隔符 |
| [] | 中括號是數(shù)組 |
3. 基本類型
| 類型名 | 實例 |
|---|---|
| null | "addr":null |
| 數(shù)值 | "age":23 |
| 字符串 | "name":"果芽" |
| boolean值 | true和false , "isPass":true |
屬性值：可以是基本類型、對象并徘、數(shù)組三種中的一種
| 類型名 | 實例 |
|---|---|
| null | "addr":null |
| 數(shù)值 | "age":23 |
| 字符串 | "name":"果芽" |
| boolean值 | true和false , "isPass":true |
4. 數(shù)組：使用[]括起來
{"student":[{"name":"第一組","id":"1"},{"name":"第一組","id":"1"}]}
5. 對象：值是花括號{}
{"group":{"name":"第一組","id":"1"}}
6. 應用json
var person = {"name":"zhangSan", "age":18, "sex":"male"};
7. 讀取json數(shù)據(jù)
基本類型:
直接使用變量名遣钳，取變量值
對象：使用"."
使用對象名.屬性名獲取“屬性值”
{"group":{"name":"第一組","id":"1"}}
group.name
group.id
數(shù)組：使用下標
{"student":[{"name":"第一組","id":"1"},{"name":"第一組","id":"1"}]}
student[0].name
student[1].id
student[1].name
student[1].id
- json與xml比較
可讀性：XML勝出
解析難度：JSON本身就是JS對象（主場作戰(zhàn)），所以簡單很多
流行度：XML已經(jīng)流行好多年麦乞，但在AJAX領(lǐng)域蕴茴，JSON更受歡迎。
