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);  


最后用ajax提交

 

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


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

你可能感兴趣的:(Jquery 将表单序列化为Json对象.同时提交多个表单的参数)