jquery将serializeArray转为可用的json对象

来源:互联网 发布:芭蕾练功服推荐 知乎 编辑:程序博客网 时间:2024/06/05 14:12

在jquery的serializeArray() 方法中,得到的结果为N个小对象组成的数组中,形式大概为:

  1. 0:Object
    1. name:"catename"
    2. value:"栏目名称"
    3. __proto__:Object
  2. 1:Object
    1. name:"keywords"
    2. value:"关键字"
    3. __proto__:Object
所以无法方便使用ajax来进行处理,需要对其进行遍历操作放入一个对象中:


(function($){

        $.fn.serializeJson=function(){
            var serializeObj={};
            $(this.serializeArray()).each(function(){
                serializeObj[this.name]=this.value;
            });
            return serializeObj;
        };

    })(jQuery);



如果有checkbox的多选框需要传递过去,则需要进行改造:


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

原创粉丝点击