通過我們的編輯器,您可以線上編輯 JavaScript 代碼,然後通過點選一個按鈕來檢視結果:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h2>JavaScript 建立 JSON 對象</h2>
<p>
網站名稱: <span id="jname"></span><br />
網站位址: <span id="jurl"></span><br />
網站 slogan: <span id="jslogan"></span><br />
</p>
<script>
var JSONObject= {
"name":"菜鳥教程",
"url":"www.runoob.com",
"slogan":"學的不僅是技術,更是夢想!"
};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jurl").innerHTML=JSONObject.url
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
</body>
</html>
點選 "嘗試一下" 按鈕檢視線上執行個體。
JSON 是純文字
JSON 具有"自我描述性"(人類可讀)
JSON 具有層級結構(值中存在值)
JSON 可通過 JavaScript 進行解析
JSON 資料可使用 AJAX 進行傳輸
沒有結束标簽
更短
讀寫的速度更快
能夠使用内建的 JavaScript eval() 方法進行解析
使用數組
不使用保留字
對于 AJAX 應用程式來說,JSON 比 XML 更快更易使用:
讀取 XML 文檔
使用 XML DOM 來循環周遊文檔
讀取值并存儲在變量中
讀取 JSON 字元串
用 eval() 處理 JSON 字元串