关于如何将form表单中的元素转为JSON字符串

 

$.fn.serializeObject = function(){
     var obj = {};
     var count = 0;
     $.each( this.serializeArray(), function(i,o){
         var n = o.name, v = o.value;
         count++;
         obj[n] = obj[n] === undefined ? v: $.isArray( obj[n] ) ? obj[n].concat( v ): [ obj[n], v ];
     });
     obj.nameCounts = count + "";//表单name个数
     return JSON.stringify(obj);
 };

 

 

 

PS: Jquery自带了一些序列化的方法：

       其中一个是form.serializeArray();

       这个方法的结果很蛋疼，转成了如下的格式：

           
      显然我已经不知所措了。

       第二个是form.serialize();

       这个方法就是序列化，和一般的格式一样：

emp.empid=&emp.empname=2&emp.sex=F&emp.orgid=1&emp.empcode=123&emp.postcode=3&emp.address=123&emp.phone=4&emp.wage=123

       但是还不是我们想要的json格式。

        在网上找到了一个有解释的结果：其实还是使用serializeArray()方法，这个方法将form中的元素转化成了一个包含name，value的一个对象。同时还是一个数组。

    

var o  申明一个对象。
var a  取得选择对象的数组对象
$.each(a,function() 遍历这个数组对象
if(o[this.name])  如果这个对象的名称不存在
 if(!o[this.name].push)如果这个对象没被放进去， 后面的 如果对象被放进去了。o[this.name].push()取得当前的名称对应的值放到对象里。
else  后面的为如果对象名称存在，覆盖之前的值。

 转化出来的结果如：

{"emp.empid":"","emp.empname":"魏都区","emp.sex":"M","emp.orgid":"12","emp.empcode":"123","emp.postcode":"312","emp.address":"123","emp.phone":"123","emp.wage":"123","nameCounts":"9"}