jquery将表单序列化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);};调用示例:var serStr = $('#form1').serializeObject();

上面的插件，不能适用于有多个值的输入控件，例如复选框、多选的select。下面，我将插件做进一步的修改，让其支持多选。代码如下：

(function($){  $.fn.serializeJson=function(){  var serializeObj={};  var array=this.serializeArray();  var str=this.serialize();  $(array).each(function(){  if(serializeObj[this.name]){  if($.isArray(serializeObj[this.name])){  serializeObj[this.name].push(this.value);  }else{  serializeObj[this.name]=[serializeObj[this.name],this.value];  }  }else{  serializeObj[this.name]=this.value;   }  });  return serializeObj;  };  })(jQuery);

欢迎大家加入QQ群： 15129679 讨论问题

实例下载

jquery将表单序列化json对象相关推荐

html页面json转成对象吗,将HTML表单转换为JSON对象
我想将HTML表单转换为JSON对象.表单基本上包含两个部分,标题和细节.标题部分包含一些HTML输入框,而详细信息部分是表格.我的表单的虚拟视图如下.将HTML表单转换为JSON对象 \t \t \ ...
JQ表单序列化变成对象
JQ表单序列化变成对象 function serializeObject(form) { var o = {}; $.each(form.serializeArray(), function(ind ...
Form表单序列化Json插件-jquery.serializejson.min.js
Form表单参数序列化成Json对象: 1. 使用serializeJsonObject 2. jquery.serializejson.min.js 1. 使用serializeJsonObject ...
php表单转json对象,form表单转Json提交的方法(推荐)
form表单转Json提交的方法(推荐) 先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":"&q ...
jQuery序列化表单为JSON对象
[html] view plaincopy <form id="myform"> <table> <tr> <td>姓名:</ ...
form表单序列化JSON
1. 简单属性的表单域,序列化后只有一层JSON对象 /*** 功能:序列化form表单数据成Json对象* 1.name均是简单的一级对象* 2.同名的name属性,值会被序列化为数组,例如chec ...
php表单转json对象,将表单数据转化为json数据
C++ list<list<int> >类型的对象遍历 void listSort(list >* initList) { list &g ...
jQuery实现表单序列化反序列化
js序列化反序列化参考: https://blog.csdn.net/zqtsx/article/details/17299087 涉及知识点:序列化:var serializeJson = JSON ...
JQuery表单序列化方式
使用场景:ajax提交表单数据 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...

jquery将表单序列化json对象

jquery将表单序列化json对象相关推荐

最新文章

热门文章