程序员人生 网站导航

使用jQuery重用form表单并异步提交到其他action

栏目:互联网时间:2014-09-18 04:34:16
在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其他的链接中,这个时候就可以使用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){ } }); });


------分隔线----------------------------
------分隔线----------------------------

最新技术推荐