Json 浅谈及解析
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="[email protected]",
},
{
Name="wangli",
Sex="男",
Age=20,
Email="[email protected]",
}
]
这就是一个简单的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("浏览器不支持......");
}
}
return xhr;
}
//获取ID
function $(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[i].name))
//添加性别
ssex.appendChild(document.createTextNode(stues[i].sex))
//添加年龄
sage.appendChild(document.createTextNode(stues[i].age))
//添加邮箱
semail.appendChild(document.createTextNode(stues[i].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" onclick="jsjosn()" />
<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>
<!--EndFragment-->