form表单数据转成json脚本工具类

easyui查询加载load方法时，方法内需提交json数据 

页面jsp

<!-- html的静态布局 -->
  <form id="sysuserqueryForm">
<!-- 查询条件 -->
<TABLE class="table_search">
<TBODY>
<TR>
<TD class="left">用户账号：</td>
<td><INPUT type="text" name="sysuserCustom.userid" /></TD>
<TD class="left">用户名称：</TD>
<td><INPUT type="text" name="sysuserCustom.username" /></TD>
<TD class="left">单位名称：</TD>
<td><INPUT type="text" name="sysuserCustom.sysmc" /></TD>
<TD class="left">用户类型：</TD>
<td><select name="sysuserCustom.groupid">
<option value="">请选择</option>
<option value="1">卫生局</option>
<option value="2">卫生院</option>
<option value="3">卫生室</option>
<option value="4">供货商</option>
<option value="0">系统管理员</option>
</select></TD>
<td><a id="btn" href="#" οnclick="queryuser()"
class="easyui-linkbutton" iconCls='icon-search'>查询</a></td>
</TR>
</TBODY>
</TABLE>
<!-- 查询列表 -->
<TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center>
<TBODY>
<TR>
<TD>
<table id="sysuserlist"></table>
</TD>
</TR>
</TBODY>
</TABLE>
</form>

实现查询按钮方法

function queryuser(){
//将form表单里的数据提取出来，组成一个json
var formdata = $("#sysuserqueryForm").serializeJson();
//load方法要求传入的是json数据，最终将json数据转化为key/value传入action
$('#sysuserlist').datagrid('load',formdata); 
}

var formdata = $("#sysuserqueryForm").serializeJson();调用的脚本方法

//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;  
    };  
})(jQuery);