當前位置：
首頁 > 知識 > JSON-簡介

JSON-簡介

知識 02-05

通過我們的編輯器，您可以在線編輯 JavaScript 代碼，然後通過點擊一個按鈕來查看結果：

JSON 實例

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h2>JavaScript 創建 JSON 對象</h2><p>網站名稱: <spanid="jname"></span><br/> 網站地址: <spanid="jurl"></span><br/> 網站 slogan: <spanid="jslogan"></span><br/></p><script>

varJSONObject= {"name":"菜鳥教程", "url":"www.runoob.com",
"slogan":"學的不僅是技術，更是夢想！"};document.getElementById("jname").innerHTML=JSONObject.namedocument.getElementById("jurl").innerHTML=JSONObject.urldocument.getElementById("jslogan").innerHTML=JSONObject.slogan

</script></body></html>

JSON-簡介


與 XML 相同之處

  • JSON 是純文本

  • JSON 具有"自我描述性"（人類可讀）

  • JSON 具有層級結構（值中存在值）

  • JSON 可通過 JavaScript 進行解析

  • JSON 數據可使用 AJAX 進行傳輸

與 XML 不同之處

  • 沒有結束標籤

  • 更短

  • 讀寫的速度更快

  • 能夠使用內建的 JavaScript eval() 方法進行解析

  • 使用數組

  • 不使用保留字

為什麼使用 JSON？

對於 AJAX 應用程序來說，JSON 比 XML 更快更易使用：

使用 XML

  • 讀取 XML 文檔

  • 使用 XML DOM 來循環遍歷文檔

  • 讀取值並存儲在變數中

使用 JSON

  • 讀取 JSON 字元串

  • 用 eval() 處理 JSON 字元串

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！


請您繼續閱讀更多來自 程序員小新人學習 的精彩文章:

※jQuery UI 定製
※jQuery UI 實例-放置（Droppable）

TAG:程序員小新人學習 |