最新的Web開發教程
 

JSON - 介紹


JSON - 結果為JavaScript對象

JSON格式在語法上是相同的代碼創建JavaScript對象。

由於這種相似性,而不是使用一個解析器(如XML一樣),JavaScript程序可以使用標準的JavaScript函數來JSON數據轉換為原生的JavaScript對象。


試一試

隨著我們的編輯,您可以在線編輯JavaScript代碼並點擊一個按鈕來查看結果:

JSON實例

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
試一試»

就像XML因為

  • 這兩個JSON和XML是“自我描述”(人類可讀)
  • 這兩個JSON和XML是(值中值)分級
  • 這兩個JSON和XML可以對其進行解析,並通過大量的編程語言使用
  • 這兩個JSON和XML可以用一個XMLHttpRequest可讀取

不像很多XML因為

  • JSON不使用結束標記
  • JSON是短
  • JSON是更快地讀取和寫入
  • JSON可以使用數組

最大的區別是:

XML有與XML解析器解析,JSON可以通過標準JavaScript功能進行解析。


為什麼JSON?

對於AJAX應用,JSON比XML更快,更容易:

使用XML

  • 取一個XML文檔
  • 通過文檔使用XML DOM循環
  • 提取值並存儲在變量

使用JSON

  • 取一個JSON字符串
  • JSON.Parse JSON字符串