js中 json对象与json字符串相互转换的几种方式

今天在工作中，需要在前端 将需要提交至服务器的数据 组装成json对象，然后转化为字符串，提交至后端。

nodes = $('#PmPbsSelect_tree').tree('getChecked');
var data=[];
for(var i=0;i<nodes.length;i++){
    if(!isParentCheck(nodes[i],nodes)){
        data.push({"id":nodes[i].id,"pid":node.id});
    }else{
        data.push({"id":nodes[i].id,"pid":null});
        }
}
//将json对象转化为字符串
dataStr=JSON.stringify(data);
//ajax提交请求
if (nodes) {
    $.ajax({
         url:ctx+"/PmWbs/savePmWbsByModel",
         type:"POST",
         data:{"dataStr":dataStr,
             "projectId":pmProjectSelect.combobox('getValue')},
         success:function(data){
             basetree.tree('reload');
         },
         error:function(){
             alert("请求失败");
         },
         dataType:"json"
     });      
    return true;
} else {
    alertInfo("请选择项目");
    return false;
}

 

以下总结js中 json对象与json字符串相互转换的几种方式：

一、JSON对象转化为JSON字符串

1.使用JSON.stringify()方法进行转换

该方法不支持较老版本的IE浏览器，比如：ie8(兼容模式)、ie7、ie6。

var jsonStr = JSON.stringify(jsonObj);
alert(jsonStr);

 

 

二、JSON字符串转化为JSON对象

1.使用eval()函数进行转换

使用 eval() 转换时需要在 json 字符外包裹一对小括号。

ie8(兼容模式)、ie7、ie6 不要使用此方法。

var jsonObj = eval('(' + jsonStr + ')');
alert(jsonObj[0]["key"]);

2.使用JSON.parse()方法进行转换

ie8(兼容模式)、ie7、ie6 不要使用此方法。

var jsonObj = JSON.parse(jsonStr);

3.使用jQuery进行转换

如果我们项目中有使用 jQuery，那么直接使用 $.parseJSON() 方法即可，而且可以确保各个浏览器的兼容性。

var jsonObj = $.parseJSON(jsonStr);

 

以后有需要再进行扩充

 

转载于:https://www.cnblogs.com/houchen/p/11198457.html