json三种兑现方式
日期：2014-05-16 浏览次数：20433 次
json三种实现方式
使用ajax的开发项目过程中，经常需要将json格式的字符串返回到前端，前端解析成js对象（JSON）。
ECMA-262(E3)中没有将JSON概念写到标准中，还好在 ECMA-262(E5) 中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。
1，eval方式解析，恐怕这是最早的解析方式了。如下：
Js代码
1.function strToJson(str){
2. var json = eval('(' + str + ')');
3. return json;
4.}
记得别忘了str两旁的小括号。
2，new Function形式，比较怪异哦。如下
Js代码
1.function strToJson(str){
2. var json = (new Function("return " + str))();
3. return json;
4.}
3，使用全局的JSON对象，如下：
Js代码
1.function strToJson(str){
2. return JSON.parse(str);
3.}
目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法，以下是部分资料：
http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx
https://developer.mozilla.org/en/Using_JSON_in_Firefox
使用JSON.parse需严格遵守JSON规范，如属性都需用引号引起来，如下
Js代码
1.var str = '{name:"jack"}';
2.var obj = JSON.parse(str); // --> parse error
name没有用引号引起来，使用JSON.parse所有浏览器中均抛异常，解析失败。而前两种方式则没问题。
使用ajax的开发项目过程中，经常需要将json格式的字符串返回到前端，前端解析成js对象（JSON）。
ECMA-262(E3)中没有将JSON概念写到标准中，还好在 ECMA-262(E5) 中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。
1，eval方式解析，恐怕这是最早的解析方式了。如下：
Js代码
1.function strToJson(str){
2. var json = eval('(' + str + ')');
3. return json;
4.}
记得别忘了str两旁的小括号。
2，new Function形式，比较怪异哦。如下
Js代码
1.function strToJson(str){
2. var json = (new Function("return " + str))();
3. return json;
4.}
3，使用全局的JSON对象，如下：
Js代码
1.function strToJson(str){
2. return JSON.parse(str);
3.}
目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法，以下是部分资料：
http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx
https://developer.mozilla.org/en/Using_JSON_in_Firefox
使用JSON.parse需严格遵守JSON规范，如属性都需用引号引起来，如下
Js代码
1.var str = '{name:"jack"}';
2.var obj = JSON.parse(str); // --> parse error
name没有用引号引起来，使用JSON.parse所有浏览器中均抛异常，解析失败。而前两种方式则没问题。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
