手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS操作JSON详细总结
JS操作JSON详细总结
摘要:在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval_r()函数。2.使用Function对象来进行返回...

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:

1.一种为使用eval_r()函数。

2. 使用Function对象来进行返回解析。

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

第一种解决方法:

var dataObj=eval_r("("+data+")");//转换为json对象

为什么要 eval这里要添加 “("("+data+")");//”呢?

原因在于:eval本身的问题。由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:

alert(eval_r("{}"); // return undefined

alert(eval_r("({})");// return object[Object]

对于这种写法,在JS中,可以到处看到。

如: (function()) {}(); 做闭包操作时等。

var str1 = '{ "name": "cxh", "sex": "man" }';

var data=eval_r("("+str1+")");//转换为json对象//data =(new

alert (data.name);//会显示出cxh

这里特别需要注意的是方式1中的eval_r()方法是动态执行其中字符串(可能是js脚本)的,这样很容易会造成系统的安全问题。所以可以采用一些规避了eval_r()的第三方客户端脚本库,比如JSON in JavaScript就提供了一个不超过3k的脚本库。

第二种解决方法:

第二种解析方式就是使用Function对象来完成,它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析

var str1 = '{ "name": "cxh", "sex": "man" }';

var data = (Function("","return "+str1))();

alert (data.name);//会显示出cxh

【JS操作JSON详细总结】相关文章:

JavaScript正则表达式之multiline属性的应用

jQuery结合ajax实现动态加载文本内容

新页面打开实际尺寸的图片

jQuery基于图层模仿五星星评价功能的方法

js实现简单锁屏功能实例

JSON简介以及用法汇总

JavaScript操作XML文件之XML读取方法

JavaScript中this关键字使用方法详解

去除链接虚线全面分析总结

判断Checkbox和Radio的一种方法

精品推荐
分类导航