今天在工作中,需要在前端 将需要提交至服务器的数据 组装成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”: projectId }, 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()方法进行转换#%E6%96%B9%E6%B3%95%E8%BF%9B%E8%A1%8C%E8%BD%AC%E6%8D%A2)
该方法不支持较老版本的IE浏览器,比如:ie8(兼容模式)、ie7、ie6。
var jsonStr = JSON.stringify(jsonObj); alert(jsonStr);
二、JSON字符串转化为JSON对象#
1.使用eval()函数进行转换#%E5%87%BD%E6%95%B0%E8%BF%9B%E8%A1%8C%E8%BD%AC%E6%8D%A2)
使用 eval() 转换时需要在 json 字符外包裹一对小括号。
ie8(兼容模式)、ie7、ie6 不要使用此方法。
var jsonObj = eval(‘(‘ + jsonStr + ‘)’); alert(jsonObj[0][“key”]);
2.使用JSON.parse()方法进行转换#%E6%96%B9%E6%B3%95%E8%BF%9B%E8%A1%8C%E8%BD%AC%E6%8D%A2)
ie8(兼容模式)、ie7、ie6 不要使用此方法。
var jsonObj = JSON.parse(jsonStr);
3.使用jQuery进行转换#
如果我们项目中有使用 jQuery,那么直接使用 $.parseJSON() 方法即可,而且可以确保各个浏览器的兼容性。
var jsonObj = $.parseJSON(jsonStr);