jquery将表单序列化

在工作中经常要将表单数据通过ajax提交,所以需要将表单序列化为json对象.

已经有大神提供了,以前一直百度,现在决定抄过来收藏一下,方便以后自己用,尊重原创,文章转载自:http://www.cnblogs.com/yeminglong/p/3799282.html

jquery提供的serialize方法能够实现。

$("#searchForm").serialize();

但是serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。序列化结果如下:

serialize能够解决简单的数据提交。但是有时我们需要用一个json对象提交数据,这样的话需要一个能将表单数据转为json对象的方法,如下:

(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);  

将以上代码粘到你的js中,然后调用这个方法就可以,如下

$("#searchForm").serializeJson();

返回的结果如下图: