问题描述:动态生成的表格,封装到同一个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 + ')');总结:如果字符串拼接之后的格式是{k:v,k:v......}这种的话,直接使用
$.postJSON(webRootPath+"/basicsinfo/membership/insert",json , function(data){
if(data){
。。。。。。
}
});
eval('(' + json + ')');来转为json对象,如果是[{k:v,k:v......},{k:v,k:v......}...]这种格式的话,则直接使用eval(json)即可