1. 程式人生 > >jQuery擴充套件函式

jQuery擴充套件函式

前提:前端使用的是esayui,頁面載入之後會通過esayui進行非同步的分頁,這裡有預設的page和rows資訊。現在想以表單的形式做一個多條件查詢。兩者衝突了。以下是一種解決方案。

擴充套件一個函式:將表單資料轉為json

		$.fn.serializeJson=function(){  
            var serializeObj={};  
            var array=this.serializeArray();
            $(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;  
        };

進行呼叫

var p = $("#searchForm").serializeJson();

呼叫資料表格的load方法,重新發送一次ajax請求,並且提交引數

$("#grid").datagrid("load",p);