将表单序列化之后变成的json格式的数据无法通过Ajax发送到后台的解决

时间:2021-05-13 17:25:13

问题描述:动态生成的表格,封装到同一个form之中,每个input必须有name属性,当使用jquery提供的serialize()方法将所有name-value自动生成之后,再对其进行人为的替换,最终在jsp中直接组装成json格式的数据,如代码一所示:

                                var json1=$("#form1").serialize();//将id为form1的表单序列化
var json = " { ";
var f="t";
var msg2 = json1.split("&"); //先以“&”符号进行分割,得到一个key=value形式的数组
for(var i = 0; i<msg2.length; i++){
var msg3 = msg2[i].split("="); //再以“=”进行分割,得到key,value形式的数组
for(var j = 0; j<msg3.length; j++){
if(f=="t"){
json+="\""+msg3[j]+"\"";
json+=" : ";
f="f";
}else if(f=="f"){
json+="\""+msg3[j]+"\"";
json+=" ,";
f="t";
}
}
}
json=json.substring(0, json.length-1);
json+=" }";

此时json变量已经是“json”格式的数据了,然而当将json直接放到如下的Ajax中执行时,数据根本为传到后台,但是打上dbugger获取到json的值,将改值直接替换方法中得分json后,传输正常!

代码如下(postJSON是对jquery的Ajax方法进行了封装处理,道理是一样的,第一个参数是访问路径,第二个参数是发送到后台的json格式的数据,第三个则是一个有返回值的方法)

$.postJSON(webRootPath+"/basicsinfo/membership/insert",json  , function(data){

if(data){

。。。。。。

}

});

解决方法:

原因是由于组装之后的数据是一个字符串,而传输时需要的是json对象,解决方法是将最终的字符串通过json= eval('(' + json + ')');  json转变为json对象 这样的话就能传到后台了!

json= eval('(' + json + ')');

$.postJSON(webRootPath+"/basicsinfo/membership/insert",json , function(data){

if(data){

。。。。。。

}

});
总结:如果字符串拼接之后的格式是{k:v,k:v......}这种的话,直接使用
eval('(' + json + ')');来转为json对象,如果是[{k:v,k:v......},{k:v,k:v......}...]这种格式的话,则直接使用eval(json)即可