关于表单提交数据转Json
2016-04-08 11:55
375 查看
在表单提交数据时,我们会用到
但是这里获取到的值是以字符串拼接的,可以通过自定义一个方法将获取的值转为Json格式
简单版,不支持多选
升级版,支持多选
下面通过$("form").serializeJson()来获取表单的值就是json格式了
$("form").serialize()
但是这里获取到的值是以字符串拼接的,可以通过自定义一个方法将获取的值转为Json格式
简单版,不支持多选
(function($){ $.fn.serializeJson=function(){ var serializeObj={}; $(this.serializeArray()).each(function(){ serializeObj[this.name]=this.value; }); return serializeObj; }; })(jQuery);
升级版,支持多选
(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);
下面通过$("form").serializeJson()来获取表单的值就是json格式了
相关文章推荐
- JavaScript 开发工具webstrom使用指南
- XML和JSON瞎掰
- 水仙花数
- 如何能够获得Extjs.grid.panel总的Columns的列数
- 超强JavaScript编辑器WebStorm代码提示迟缓问题及其它想到的
- JavaScript判断数据类型总结
- Json的解析
- JavaScript的总结博客
- 探真无阻塞加载javascript脚本技术
- JS中实现数组和对象的深拷贝和浅拷贝
- 大家从小到大,都玩儿过的一个庸俗的游戏,报到能被7整除的数字,或者尾数是7的数字,就应该罚唱歌。
- js事件
- 简述jsonp跨域实例
- 用户输入一个数字,在控制台中列出它的所有约数。
- js验证手机号不为空如果后面给出提示则不能实现添加
- 简单的计算题
- 用户输入一个数字n,计算1+2+3+4+……n的和。
- 在控制台输出1~1000之中,所有能被5整除,或者被6整除的数字。
- JS中showModalDialog 详细使用
- 求1~100之间所有的质数