Jquery 将表单序列化为Json对象.同时提交多个表单的参数

首先对某一表单进行Json对象序列化：　

 

引用：http://my249645546.iteye.com/blog/1617872

 

[javascript] view plain copy

 

1. (function($){  
2.         $.fn.serializeJson=function(){  
3.             var serializeObj={};  
4.             var array=this.serializeArray();  
5.             var str=this.serialize();  
6.             $(array).each(function(){  
7.                 if(serializeObj[this.name]){  
8.                     if($.isArray(serializeObj[this.name])){  
9.                         serializeObj[this.name].push(this.value);  
10.                     }else{  
11.                         serializeObj[this.name]=[serializeObj[this.name],this.value];  
12.                     }  
13.                 }else{  
14.                     serializeObj[this.name]=this.value;   
15.                 }  
16.             });  
17.             return serializeObj;  
18.         };  
19.     })(jQuery);  

var proRuestl_1 = $("#proResult1").serializeJson();//数据序列化

var proRuestl_2= $("#proResult2").serializeJson();//数据序列化

var proRuestl_3= $("#proResult3").serializeJson();//数据序列化

 

然后对数据的合拼

　

[javascript] view plain copy

 

1. $.extend(param, proRuestl_1,proRuestl_2,proRuestl_3);  

最后用ａｊａｘ提交

 

[javascript] view plain copy

 

1. $.ajax({  
2.     type: "POST",  
3.     async: false,  
4.     url: 'XXXX',  
5.     data: param,  
6.     dataType: "json",  
7.     success  :  })  

这样不单可以提交多个表单的参数，还可以防止乱码的出现！