原装的方法真的一点都不好用,所以我在我的引用文件里面扩展了jQuery的方法,可以直接用var obj = $("#form").parseForm();变成json对象,然后直接扔给后台。
搜索引擎搜索如下关键字可以查找更多资料:
jquery如何将表单内容转为json对象
//扩展jquery的格式化方法 $.fn.parseForm=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):
法1:在需要格式化表单的html文件或者js文件中引入上面的方法。
法2:将如上的方法放进一个公共的js文件,然后在使用地方引入改公共的js文件。
参考:
https://blog.csdn.net/sychel/article/details/50068557
https://www.jb51.net/article/140685.htm
https://blog.csdn.net/lovesomnus/article/details/78026586
https://www.cnblogs.com/hyl8218/archive/2013/06/27/3159178.html
全文完
:)
版权声明:本文为博主原创文章,未经博主允许不得转载。原文地址:https://www.cnblogs.com/poterliu/p/10142758.html 联系邮箱:poterliu@qq.com 联系微信:poterliu 或者扫二维码
|
拓展jQuery的serialize(),将form表单转化为json对象
原文:https://www.cnblogs.com/poterliu/p/10142758.html