今天在工作中,需要在前端 将需要提交至服务器的数据 组装成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);
2. toJSONString()方法
jsonObj.toJSONString();
二、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);
4.如果使用jquery,在ajax一系列函数中,把参数Datatype传json即可,返回的data即为JSON对象。
PS:如果要对表单处理为json字符串,可以使用.serialize()与.serializeArray()处理,如果要作为URL调用,则可以使用jQuery.param()处理。
整理自:https://www.cnblogs.com/houchen/p/11198457.html
https://www.cnblogs.com/banxian-yi/p/10645616.html