$.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"}