Form 表单实现多个Action 请求,将表单数据提交到不同请求
2017-08-28 11:44
609 查看
在很多列表信息显示的页面,一般都设有按条件查询,显示功能,另外还会 有相应的导出功能,或者需要用到查询条件的其他功能,这个 时候为了让 查询的form 的数据能够被共同使用,即实现让一个表单 可以 进行两个不同的 action 请求, 如图
在遇到此类 相似的需求的时候,可以同过 js 对 form 表单的action 属性 进行设置,当点击 查询 时, 将action 设置为 查询请求,并将数据传到后台,当需要 按条件 导出的时候,将action 设置为 导出的请求,同时将查询条件传入后台;
一般对多个查询条件,会被封装成 一个 查询的Query 对象;
按查询条件导出 js 处理 代码
function(){
var queryUrl = $('#FormId').attr("action");
var exportUrl = queryUrl + "/exportExcel";
$('#FormId').attr("action",exportUrl);
$('#FormId')[0].submit();
//还原
$('#FormId').attr("action",queryUrl);
}
后台根据 不同的请求 及 数据 进行不同的处理即可!
在遇到此类 相似的需求的时候,可以同过 js 对 form 表单的action 属性 进行设置,当点击 查询 时, 将action 设置为 查询请求,并将数据传到后台,当需要 按条件 导出的时候,将action 设置为 导出的请求,同时将查询条件传入后台;
一般对多个查询条件,会被封装成 一个 查询的Query 对象;
按查询条件导出 js 处理 代码
function(){
var queryUrl = $('#FormId').attr("action");
var exportUrl = queryUrl + "/exportExcel";
$('#FormId').attr("action",exportUrl);
$('#FormId')[0].submit();
//还原
$('#FormId').attr("action",queryUrl);
}
后台根据 不同的请求 及 数据 进行不同的处理即可!
相关文章推荐
- action提交form表单,用于登录请求,servlet接收数据
- 表单中多个请求参数名字相同,服务器到底获取的是哪个请求参数的值,表单的action和get和post提交方式的关系以及提交数据的不同点
- JS实现一个表单form,多个submit按钮提交时带不同的action参数
- android利用httpclient实现post、get请求restful接口进行json和form表单数据提交等公共方法类
- 在同一form表单中如何提交两个不同的action
- 关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题
- Action如何接收jsp页面form表单提交的数据?
- 用JavaScript实现form表单的数据提交--使用正则表达式对数据判断
- form表单切换action值,不同按钮 提交
- truts2中表单可以不用struts自带的<s:form>标签,直接用html的<form>标签能够提交数据到action
- (转)一个form表单实现提交多个action
- 利用jquery.form.js的ajaxSubmit实现不跳转提交表单数据
- Action如何接收jsp页面form表单提交的数据?
- 在同一form表单中如何提交两个不同的action
- 我的Struts框架学习 -- form表单提交 action数据传递
- form表单数据封装成json格式并提交给服务器的实现方法
- form表单提交数据到servlet的action=" "路径问题
- js 提交form表单和设置form表单请求路径的实现方法
- 在一个form表单中分别提交到不同action是怎么样提交的
- 在同一个form表单里有2个按钮,如何各自提交到不同的action里面去。