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程序设计有所帮助。