JS批量获取参数构建JSON参数对象
在做系统的时候,往往查询条件是被严格指定的,大量的查询条件,一两个页面还可以通过dom去一个一个获取,再构建参数对象,请求后台接口。
这里给大家讲一个批量获取前端参数,构建参数对象。
<form name="@ViewData["title"]_FormId" id="@ViewData["title"]_FormId"> <table class="custom_Table" style="width:100%;"> <tr> <td class="custom_td_Tip">收票人:</td> <td> <input name="TakerID" id="@ViewData["title"]_TakerID" style="width: 265px;" /> </td> <td class="custom_td_Tip">用途:</td> <td> <input name="Purpose" id="@ViewData["title"]_Purpose" style="width:120px;" /> </td> <td class="custom_td_Tip">项目号:</td> <td> <input class="easyui-textbox" name="ProjectNumber" id="@ViewData["title"]_ProjectNumber" style="width:120px;" /> </td> <td class="custom_td_Tip">NO:</td> <td> <input class="easyui-textbox" name="PeWeNO" id="@ViewData["title"]_PeWeNO" style="width:120px;" /> </td> </tr> <tr> <td class="custom_td_Tip">申请日期:</td> <td> <input name="CreateTime_Str" id="@ViewData["title"]_CreateTime_Str" type="text" class="easyui-datebox" data-options="editable:false" style="width:125px;"> - <input name="CreateTime_End" id="@ViewData["title"]_CreateTime_End" type="text" class="easyui-datebox" data-options="editable:false" style="width:125px;"> </td> <td class="custom_td_Tip">订单号:</td> <td> <input class="easyui-textbox" name="DBSOrderID" id="@ViewData["title"]_DBSOrderID" style="width:120px;" /> </td> <td class="custom_td_Tip">发票号:</td> <td> <input class="easyui-textbox" name="VatBill" id="@ViewData["title"]_VatBill" style="width:120px;" /> </td> <td class="custom_td_Tip"> 单号:</td> <td> <input class="easyui-textbox" name="DBSWorkID" id="@ViewData["title"]_DBSWorkID" style="width:120px;" /> </td> </tr> <tr> <td class="custom_td_Tip">汇票到期日:</td> <td> <input name="AcceptToDate_Str" id="@ViewData["title"]_AcceptToDate_Str" type="text" class="easyui-datebox" data-options="editable:false" style="width:125px;"> - <input name="AcceptToDate_End" id="@ViewData["title"]_AcceptToDate_End" type="text" class="easyui-datebox" data-options="editable:false" style="width:125px;"> </td> <td class="custom_td_Tip">客户名:</td> <td> <input class="easyui-textbox" name="CustomerName" id="@ViewData["title"]_CustomerName" style="width: 120px;" /> </td> <td class="custom_td_Tip">对应部门:</td> <td colspan="3"> <input name="Department" id="@ViewData["title"]_Department" style="width:355px;" /> </td> </tr> </table> </form>
var RequestObj=$('#**_FormId').serializeObject() $.fn.serializeObject = function () { var obj = {}; var formArray = this.serializeArray(); $.each(formArray, function () { if (obj[this.name] !== undefined) { if (!obj[this.name].push) { obj[this.name] = [obj[this.name]]; } obj[this.name].push(this.value || ''); } else { obj[this.name] = this.value || ''; } }); return obj; }