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

浏览数：59 / 时间：2015年06月09日

在做页面开发的时候，有时候要重用表单的数据，并异步请求提交到其他的链接中，这个时候就可以使用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){
    		
    			  }
    		});
    });

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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