<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿里雲大學(edu.aliyun.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":"edu.aliyun.com", "slogan":"學的不只是技術,更是夢想!" }; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jurl").innerHTML=JSONObject.url document.getElementById("jslogan").innerHTML=JSONObject.slogan </script> </body> </html>
運行結果html
JavaScript 建立 JSON 對象 網站名稱: 阿里雲大學 網站地址: edu.aliyun.com 網站 slogan: 學的不只是技術,更是夢想!
JSON 是純文本
JSON 具備"自我描述性"(人類可讀)
JSON 具備層級結構(值中存在值)
JSON 可經過 JavaScript 進行解析
JSON 數據可以使用 AJAX 進行傳輸數組
沒有結束標籤
更短
讀寫的速度更快
可以使用內建的 JavaScript eval() 方法進行解析
使用數組
不使用保留字less
對於 AJAX 應用程序來講,JSON 比 XML 更快更易使用:
使用 XML:
1 讀取 XML 文檔
2 使用 XML DOM 來循環遍歷文檔
3 讀取值並存儲在變量中
使用 JSON:
1 讀取 JSON 字符串
2 用 eval() 處理 JSON 字符串網站
免費JSON課程:阿里雲大學——開發者課堂阿里雲