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");
});