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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值