问题描述:动态生成的表格,封装到同一个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)即可