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;
}
上一篇:(转)解析PHP中ob_start()函数的用法


下一篇:使用Builder模式创建复杂可选参数对象