ajax把json数据转化成字符串,javascript将字符串转换成json的三种方式

2016-12-12 11:57:12

使用ajax的开发项目过程中，经常需要将json格式的字符串返回到前端，前端解析成js对象(JSON )。如果直接以json的格式返回则方便很多，有时候通过后台直接写到页面中则会以字符串的方式存在，那么就用到了将字符串转换为json格式。下面例子下面这段json字符串为例

var str = '[{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人"}]';

1. eval方式解析

恐怕这是最早的解析方式了。如果此json字符串中没有包含最外层的中括号，则代码应如下：

function strToJson(str){

var json = eval('[' + str + ']');

return json;

}

不要忽略了str旁边的中括号。如果字符串中已经包含了中括号了，则此时不在需要添加了，可将中括号改为小括号或索性不填

2. new Function形式

这种方式比较怪异。如果此json字符串中没有包含最外层的中括号，则代码应如下：

function strToJson(str){

var json = (new Function("return [" + str+"]"))();

return json;

}

和第一个方式相同，不要忽略了中括号，如果字符串中已经包含了中括号了，则此时不在需要添加了，可将中括号改为小括号或索性不填

3. 使用全局的JSON对象

代码如下：

function strToJson(str){

return JSON.parse(str);

}

目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法，但是这种方式对于json的格式要求很严格。

1.1 属性都需用双引号引起来，注意是双引号，如最上面的str。

1.2 末尾不能出现逗号，如

var str = '{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人",}';

当转换的时候将会报错。

所以使用JSON.parse()的条件比较苛刻，使用时需要注意。

在此再给出一次正确的json字符串格式

var str = '[{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人"}]';