Jquery --- 将表单form数据序列化成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;  
        }; 

 

 

 

 

 

二、示例

本例中使用的是easyui，利用easyui-datagrid的特性，在查询时，将from表单的数据序列化成json对象绑定到datagrid上，一起提交到后台。

 

$("#btn").click(function(){
					//将查询表单数据转换为json数据
					var  params = $("#searchForm").serializeJson();

					//将查询数据绑定datagrid上
					$("#grid").datagrid("load",params);

					//关闭查询窗口
					$("#searchWindow").window("close");
				});