例子:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>json</title> 6 </head> 7 <body> 8 <h2>在JavaScript中创建JSON对象</h2> 9 <p> 10 Name:<span id="jname"></span><br /> 11 Age:<span id="jage"></span><br /> 12 Address:<span id="jstreet"></span><br /> 13 Phone:<span id="jphone"></span><br /> 14 </p> 15 </body> 16 </html> 17 <script type="text/javascript"> 18 var JSONObject={"name":"liubeimeng","street":"beijing","age":"24","phone":"1234567"}; 19 document.getElementById('jname').innerHTML=JSONObject.name; 20 document.getElementById('jage').innerHTML=JSONObject.age; 21 document.getElementById("jstreet").innerHTML=JSONObject.street; 22 document.getElementById("jphone").innerHTML=JSONObject.phone; 23 </script>
类似XML
JSON是纯文本
JSON具有"自我描述性"
JSON具有层级结构
JSON可通过JavaScript进行解析
JSON数据可使用AJAX进行传输
想比XML的不同之处
没有结束标签
更短
读写数度更快
能够使用内建的JavaScript eval() 方法进行解析
使用数组
不使用保留字
为什么使用 JSON?
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:
使用 XML
- 读取 XML 文档
- 使用 XML DOM 来循环遍历文档
- 读取值并存储在变量中
使用 JSON
- 读取 JSON 字符串
- 用 eval() 处理 JSON 字符串