JSON

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一般和ajax一起使用,下節的時候一起講一個兩者結合的例子

下面是一個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是向得到的這個標籤裏傳值。可以自己運行下看看。




發佈了30 篇原創文章 · 獲贊 16 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章