JSON 简介

实例

通过我们的编辑器，您可以在线编辑 JavaScript 代码，然后通过点击一个按钮来查看结果：

  1. <html>
  2. <body>
  3. <h2>在 JavaScript 中创建 JSON 对象</h2>
  4.  
  5. <p>
  6. Name: <span id="jname"></span><br />
  7. Age: <span id="jage"></span><br />
  8. Address: <span id="jstreet"></span><br />
  9. Phone: <span id="jphone"></span><br />
  10. </p>
  11.  
  12. <script type="text/javascript">
  13. var JSONObject= {
  14. "name":"Bill Gates",
  15. "street":"Fifth Avenue New York 666",
  16. "age":56,
  17. "phone":"555 1234567"};
  18. document.getElementById("jname").innerHTML=JSONObject.name
  19. document.getElementById("jage").innerHTML=JSONObject.age
  20. document.getElementById("jstreet").innerHTML=JSONObject.street
  21. document.getElementById("jphone").innerHTML=JSONObject.phone
  22. </script>
  23.  
  24. </body>
  25. </html>

类似 XML

  • JSON 是纯文本
  • JSON 具有“自我描述性”（人类可读）
  • JSON 具有层级结构（值中存在值）
  • JSON 可通过 JavaScript 进行解析
  • JSON 数据可使用 AJAX 进行传输

相比 XML 的不同之处

  • 没有结束标签
  • 更短
  • 读写的速度更快
  • 能够使用内建的 JavaScript eval() 方法进行解析
  • 使用数组
  • 不使用保留字

为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

使用 XML

  • 读取 XML 文档
  • 使用 XML DOM 来循环遍历文档
  • 读取值并存储在变量中

使用 JSON

  • 读取 JSON 字符串
  • 用 eval() 处理 JSON 字符串