1.什么是Json
JSON 是存储和交换文本信息的语法。类似 XML,说简单了就是信息存储的一种格式。是一种文本交换格式。
例如:
{"text":"菜单三",
"child":[
{"text":"子菜单31","url":"地址3"},
{"text":"子菜单32","url":"地址3"},
{"text":"子菜单33","url":"地址3"}
]
}
2.json的格式:
数据的格式:
{“属性名”:”值”,”属性名”:值}
例如:qq和url
{“text”:“qq”,“url”: ”http://www.qq.com”}
多个此种格式的数据:
[
{“text”:“qq”,“url”: ”http://www.qq.com”},
{“text”:“163”,“url”:”http://www.163.com”}
]
注意“,”这个符号都是在哪里使用。
3.json的使用
下面是一个json使用的小例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>json</title>
</head>
<body>
<h2>从 JSON 字符串中创建对象</h2>
<p>
网名: <span id="name"></span><br>
网址: <span id="url"></span><br>
</p>
<script>
var txt = '{ "sites" : [' +
'{ "name":"野狼" , "url":"www.yelang.com" },' +
'{ "name":"google" , "url":"www.google.com" },' +
'{ "name":"微博" , "url":"www.weibo.com" } ]}';
var obj = eval ("(" + txt + ")");
document.getElementById("name").innerHTML=obj.sites[0].name
document.getElementById("url").innerHTML=obj.sites[0].url
</script>
</body>
</html>
上面的例子,其实有一个sites这个可以看成是一数组,document.getElementById("name").innerHTML=obj.sites[0].name 这句的意思是:得到sites第一个name对应的值,document.getElementById("name")的意思是得到id等于name的标签,而innerHTML是向得到的这个标签里传值。可以自己运行下看看。