在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其它的链接中,这个时候就能够使用jquery去改动表单的action值(记得使用后改动回来)。并调用submit方法,当然后台的链接action或者controller方法必须返回值类型为void。否则将发生页面跳转,返回null则显示空白页,无法实现异步调用。
(2)Ajax提交方式
另外,这里能够使用另外一个方式提交。将表单序列化,然后用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){ } }); });