form 转json,将form表单中的数据序列化数组后转换为Json

页面中引用了jquery,第一想到的就是序列化,但是序列化后的表单字段为a=1&b=2这种。

这里写一个jquery的扩展方法

$.fn.serializeObject = function()    
{    
   var o = {};    
   var a = this.serializeArray();    
   $.each(a, function() {    
       if (o[this.name]) {    
           if (!o[this.name].push) {    
               o[this.name] = [o[this.name]];    
           }    
           o[this.name].push(this.value || '');    
       } else {    
           o[this.name] = this.value || '';    
       }    
   });    
   return o;    
};    

这个方法是将表单序列化成json的。

 

像这样调用:

var para = $('form').serializeObject() ;   
para = JSON.stringify(para) ;   

先把表单数据序列化为一个json对象,然后将json对象转换成一个json字符串。

这样para就是一个json字符串啦。就可以发起请求了

注意:这个只能获取到所有的input标签,如果想获取下拉框的话,需要单独获取,然后把获取到的值拼接进去。例如:

var data=$("#fm").serializeObject();
JSON.stringify(data);
data.txt2="1111";//修改值
var sel1=$("#sel1").val();//获取下拉框的值
data.sel1=sel1;//拼接进去

  

posted @ 2018-01-23 10:09  shuai7boy  阅读(8998)  评论(0编辑  收藏  举报