日期:2014-05-16  浏览次数:20416 次

使用jQuery解析json的注意事项

问题背景:

所做的页面是与ps系统(oracle的people soft)交互,以json格式传递数据,页面中请求ps中的iscript(权当请求地址即可),返回json格式的字符串(注意返回的是字符串,并不是json数据,还不存在对象关系)

?

开始的做法是引用了prototype.js来把字符串解析为json对象,但由于项目中也引用了jQuery.js 这就造成了 $ 符号冲突,虽然可以使用jQuery.noConflict(); 来解决此问题,但毕竟代码要做修改,要把所有使用$符号的jQuery代码替换掉,很费时间

?

普及一个概念,这也是出现此问题的原因,原以为服务器传递回的json格式的数据,就已经是json对象,想使用点操作符来获取字符串中的对象,得不到才使用的prototype.js来解决,服务器其实只是给你返回了json格式的字符串,但并不是json对象,所以不能直接使用该数据,需要转成json对象才能使用里面的属性

?

注意上面的描述 一直在强调返回的是 json格式的字符串 一定要分清楚json对象和字符串的区别

?

解决方案:

①:可以继续使用prototype.js 来解析json格式的字符串,但jQuery的操作符$,要换成其他字符(不推荐)

②:去掉prototype.js,使用js提供的eval()函数来解析json格式的字符串,即可得到json对象

?

例:???

??????????? //参保人集合
??? ??? ??? var jsonData = eval("("+data+")");//转换为json对象?
??? ??? ??? var person = jsonData.BENEFIT_INFO;

??????????? BENEFIT_INFO 是解析后的json对象中的属性

使用eval()函数时要注意的问题就是括号的问题,下面是摘录其他人的资料,不是完全懂,做为借鉴,有了解的朋友可以留言,为我解答一下

?

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

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

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

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

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

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

?

补充:

如果使用的是java工程,可以使用第三方jar来把json格式的字符串转成json对象,再传递到前台,这时前台就可以直接使用json对象中的数据,不用先转json对象了

?

?