Json 浅谈及解析
<div class="Section0"> Json 浅谈及解析Json简介
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。
Json优点：
Json比xml更轻巧，在JavaScript中处理JSON数据不需要任何特殊的API或工具包
Json的规则
JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。
规则如下:
1）映射用冒号（“：”）表示。名称:值
2）并列的数据之间用逗号（“，”）分隔。名称1:值1,名称2:值2
3） 映射的集合（对象）用大括号（“{}”）表示。{名称1:值1,名称2:值2}
4） 并列数据的集合（数组）用方括号(“[]”)表示。
[
{名称1:值,名称2:值2},
{名称1:值,名称2:值2}
]
5 元素值可具有的类型：string, number, object, array, true, false, null
了解规格后，那我们如何编写一个正规的json
Student=[ { Name="wangli", Sex="男", Age=20, Email="wangliai@qq.com", }, { Name="wangli", Sex="男", Age=20, Email="wangliai@qq.com", } ]
这就是一个简单的json文档
* 值得注意的是：
JSON 用冒号(而不是等号)来赋值。每一条赋值语句用逗号分开。整个对象用大括号封装起来。可用大括号分级嵌套数据。
对象描述中存储的数据可以是字符串，数字或者布尔值。对象描述也可存储函数，那就是对象的方法。
创建json之后 我们进一步对这个json进行解析
解释json时要注意的是
1，JSON 只是一种文本字符串。它被存储在 responseText 属性中
2， 为了读取存储在 responseText 属性中的 JSON 数据，需要根据 JavaScript 的 eval 语句。函数 eval 会把一个字符串当作它的参数。然后这个字符串会被当作 JavaScript 代码来执行。因为 JSON 的字符串就是由 JavaScript 代码构成的，所以它本身是可执行的
如：var students=eval(xhr.respnoseText);
3,JSON还提供了json.js包，下载http://www.json.org/json.js后，使用parseJSON()方法将字符串解析成 JS 对象
解释上面的json代码如下
<script type="text/javascript"> function getxhr(){ var xhr; try{ xhr=new ActiveXObject("MicrosoftHTTP"); }catch (err) {try{xhr=new XMLHttpRequest();}catch (er) {alert("浏览器不支持......");} } returnxhr; } //获取IDfunction $(id){ return document.getElementById(id); }function jsjosn(){ var xhr=getxhr(); xhr.open("get","josn.jsp",true); xhr.send(); xhr.onreadystatechange=function (){ if(xhr.readyState==4 && xhr.status==200){ var stues=eval("("+xhr.responseText+")"); var stus=$("testjosn"); stus.innerHTML="";//清空stus中的文本 for(var i=0;i<stues.length;i++){ var stre=document.createElement("tr"); var sname=document.createElement("td"); var ssex=document.createElement("td"); var sage=document.createElement("td"); var semail=document.createElement("td"); //添加姓名 sname.appendChild(document.createTextNode(stues.name)) //添加性别 ssex.appendChild(document.createTextNode(stues.sex)) //添加年龄 sage.appendChild(document.createTextNode(stues.age)) //添加邮箱 semail.appendChild(document.createTextNode(stues.email)) stre.appendChild(sname); stre.appendChild(ssex); stre.appendChild(sage); stre.appendChild(semail); stus.appendChild(stre); } }} }</script></head> <body><div align="center" style="border:1px solid red;"> <input type="button" value="解析josn"/> <table cellpadding="0" cellspacing="0" border="1px"> <caption>信息表</caption> <thead> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>邮箱</th> </tr> </thead> <tbody id="testjosn"> </tbody> </table> </div></body></html>
页:
[1]