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;
}
JS批量获取参数构建JSON参数对象的更多相关文章
- 使用JS准确获取URL网址中参数的几种方法
记录下使用JS准确获取URL网址中参数的方法: 参考链接1. https://blog.csdn.net/Zhihua_W/article/details/54845945?utm_source=bl ...
- js如何获取iframe页面内的对象
简单介绍iframe标签,所有的浏览器都支持<iframe>标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架).通常我们常用的iframe标签的属性有:width(if ...
- js动态获取地址栏后的参数
原文链接:https://blog.csdn.net/qq_37936542/article/details/78866651 需求:js动态的获取地址栏后面的参数 js代码: alert(GetQu ...
- 使用JS,获取URL中指定参数的值
/** * 获取URL中指定参数的值 * * @param name 参数名称 * @returns */ function getQueryString(name) { var reg = new ...
- js前端获取页面传递的参数
转载的,先记下: UrlParm = function () { // url参数 var data, index; (function init() { data = []; index = {}; ...
- 如何在一次请求中通过JS中获取Url中的参数
从A跳转到B,携带参数 例如: /pc/B.jsp?item=123456 B页面在js可以直接用 var item='${param.item}'; 这样就拿到啦 还有一种方法 定义一个函数 f ...
- js如何获取地址栏上的参数id
直接上js代码 方法1: 父页面跳转地址栏带id>>>>window.location.href='${ctxAdmin}/study/checkForm?id='+id+ ...
- 使用JS脚本获取url中的参数
第一种方式:使用分隔符及循环查找function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 if(location.href. ...
- js中获取jsp中的参数
碰到一个问题需要再js中根据jsp中request的参数判断执行那段代码 第一种写法: if('${method}'=="add"){js代码段1}else{js代码段2} 第二种 ...
随机推荐
- imx6 PCIE使能加载ath9k无线网卡
imx6q配置pcie无线网卡遇到如下问题: imx6q-pcie 1ffc000.pcie: PCI host bridge to bus 0000:00 pci_bus 0000:00: root ...
- 超简单(super)
超简单(super) 题目描述 有一个n面的骰子,第i面的数是vi,朝上的概率是pi. 教室的最后一排有一个人,不停地抛这个骰子,直到某一面朝上了两次,就停止抛骰子,但他不知道所有朝上的面的数字的和的 ...
- Java面试题之Integer.valueOf(String s);采用了什么设计模式
Integer.valueOf(String s);//采用了亨元设计模式: 亨元模式: 它是以一种“节约内存,提高性能”为出发点的设计模式,运用共享技术有效的支持大量细粒度对象的复用. 源码解析: ...
- about loops in assembly code
总结: 实际上只有一种结构,都是 do-while 结构
- BZOJ 3384 上帝与集合的正确用法
上帝与集合的正确用法 [问题描述] [输入格式] 第一行一个T,接下来T行,每行一个正整数p,代表你需要取模的值. [输出格式] T行,每行一个正整数,为答案对p取模后的值. [样例输入] 3236 ...
- lightgbm 学习资料汇总
操作实例:https://blog.csdn.net/luoyexuge/article/details/72956491 中文文档:https://lightgbm.apachecn.org/cn/ ...
- 《Linux命令行与shell脚本编程大全 第3版》Linux命令行---46
以下为阅读<Linux命令行与shell脚本编程大全 第3版>的读书笔记,为了方便记录,特地与书的内容保持同步,特意做成一节一次随笔,特记录如下:
- 剖析CPU温度监控技术【转】
转自:http://blog.csdn.net/hunanchenxingyu/article/details/46476545 迄今为止还没有一种cpu散热系统能保证永不失效.失去了散热系统保护伞的 ...
- 当一个窗体上有PageControl 控件时,是先执行 FormShow呢,还是先执行PageControl 的 TabSheet2Show呢
答案是 先执行 TabSheet2Show ,总算知道了,顺便推理 Onshow事件的执行顺序是 从内到外,先执行容器内的控件的事件,再执行 窗体的事件
- hadoop(二)hadoop的安装部署
系统版本 : 64位CentOS6.6 hadoop版本: 1.2.1 jdk版本: jdk1.6.0_45 环境准备 1.主机分配 主机名 ip master 1.0.0.0.10 slave1 1 ...