使用jQuery重用form表单并异步提交到其他action
来源：程序员人生 发布时间：2014-09-18 04:34:16 阅读次数：3080次
在做页面开发的时候，有时候要重用表单的数据，并异步请求提交到其他的链接中，这个时候就可以使用jquery去修改表单的action值（记得使用后修改回来），并调用submit方法，当然后台的链接action或者controller方法必须返回值类型为void，否则将发生页面跳转，返回null则显示空白页，无法实现异步调用。另外，这里可以使用另外一个方式提交，将表单序列化，然后用jQuery的ajax提交，不过要对返回的信息进行处理。
直接上代码：
（1）jQuery改变form属性
$(".exportBrandSort").on('click', function() {
var url = contextPath+"/brand/exportBrandSort";
$('#searchform').attr('action', url);
$('#searchform').submit();
//还原action值
url = contextPath+"/brand/getBrand";
$('#searchform').attr('action', url);
});
（2）Ajax提交方式
$(".exportBrandSort").on('click', function() {
var url = contextPath+"/brand/exportBrandSort";
var data= $('#searchform').serialize();
$.ajax({
type: 'GET',
url: url,
data: data,
success:function(retJson){
}
});
});
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
