html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript中解析JSON数据的三种方法_javascript技巧_

[ ] 已经帮助:人解决问题

概述5kiHTML5中文学习网 - HTML5先行者学习网

现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON )。5kiHTML5中文学习网 - HTML5先行者学习网
ECMA-262(E3)中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。5kiHTML5中文学习网 - HTML5先行者学习网
解析JSON数据的三种方法5kiHTML5中文学习网 - HTML5先行者学习网

eval()方法5kiHTML5中文学习网 - HTML5先行者学习网

解析JSON数据的最常用方法是使用javascript的eval()方法,代码如下:5kiHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
5kiHTML5中文学习网 - HTML5先行者学习网
function toJson(str){5kiHTML5中文学习网 - HTML5先行者学习网
 var json = eval('(' + str + ')');5kiHTML5中文学习网 - HTML5先行者学习网
 return json;5kiHTML5中文学习网 - HTML5先行者学习网
}5kiHTML5中文学习网 - HTML5先行者学习网
5kiHTML5中文学习网 - HTML5先行者学习网
该方法存在性能和安全方面的问题,不建议使用。5kiHTML5中文学习网 - HTML5先行者学习网
new Function方法5kiHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
5kiHTML5中文学习网 - HTML5先行者学习网
function toJson(str){5kiHTML5中文学习网 - HTML5先行者学习网
 var json = (new Function("return " + str))();5kiHTML5中文学习网 - HTML5先行者学习网
 return json;5kiHTML5中文学习网 - HTML5先行者学习网
}5kiHTML5中文学习网 - HTML5先行者学习网
5kiHTML5中文学习网 - HTML5先行者学习网
JSON.parse()方法5kiHTML5中文学习网 - HTML5先行者学习网
这种方法只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,这些浏览器都已经接近W3C标准,默认实现了toJSON方法。5kiHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
5kiHTML5中文学习网 - HTML5先行者学习网
function toJson(str){5kiHTML5中文学习网 - HTML5先行者学习网
 return JSON.parse(str);5kiHTML5中文学习网 - HTML5先行者学习网
}5kiHTML5中文学习网 - HTML5先行者学习网
5kiHTML5中文学习网 - HTML5先行者学习网
json2.js会在浏览器原生支持JSON.parse的时候选用原生版本,而且它跟ES5是API兼容的。在ES5还没完全普及的现状下,John Resig大神推荐用json2.js主要是为了现在就能用跟ES5兼容的API,日后能平滑过渡到ES5――只要去掉一个import就换过来了。5kiHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助