js读取并解析JSON类型数据的方法
本文实例讲述了js读取并解析JSON类型数据的方法。分享给大家供大家参考，具体如下：
一、什么是JSON？
JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式，同时，JSON是JavaScript原生格式。
非常适合于服务器与JavaScript的交互
二、为什么使用JSON而不是XML
他们都是这样说的：尽管有许多宣传关于XML如何拥有跨平台，跨语言的优势，然而，除非应用于WebServices，否则，在普通的Web应用中，开发者经常为XML的解析伤透了脑筋，无论是服务器端生成或处理XML，还是客户端用JavaScript解析XML，都常常导致复杂的代码，极低的开发效率。实际上，对于大多数Web应用来说，他们根本不需要复杂的XML来传输数据，XML的扩展性很少具有优势，许多AJAX应用甚至直接返回HTML片段来构建动态Web页面。和返回XML并解析它相比，返回HTML片段大大降低了系统的复杂性，但同时缺少了一定的灵活性
三、如何使用
下面代码是html代码片段，实现点击按钮解析json格式数据并alert内容
<inputtype="button"value="button"onclick="clicks();"/>
下面是js函数代码：
varjson={
contry:{
area:{
man:"12万",
women:"10万"
}
}
};
//方式一：使用eval解析
varobj=eval(json);
alert(obj.constructor);
alert(obj.contry.area.women);
//方式二：使用Funtion函数
varstrJSON="{name:'jsonname'}";//得到的JSON
varobj=newFunction("return"+strJSON)();//转换后的JSON对象
alert(obj.name);//jsonname
alert(obj.constructor);
//复杂一点的json数组数据的解析
varvalue1=[
{"c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9"},
{"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12"},
{"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"}
];
varobj1=eval(value1);
alert(obj1[0].c01);
//复杂一点的json的另一种形式
varvalue2={
"list":[
{"password":"1230","username":"coolcooldool"},
{"password":"thisis2","username":"okokok"}
],
"array":[
{"password":"1230","username":"coolcooldool"},
{"password":"thisis2","username":"okokok"}
]
};
varobj2=eval(value2);
alert(obj2.list[0].password);
}
四、eval
①这种形式将使得性能显著降低，因为它必须运行编译器
②eval函数还减弱了你的应用的安全性，因为它给被求值的文本赋予了太多的权力。就像with语句执行的方式一样，它降低了语言的性能
③Function构造器是eval的另一种形式，所以它同样也应该被避免使用。
希望本文所述对大家JavaScript程序设计有所帮助。