zoukankan      html  css  js  c++  java
  • 使用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){
        		
        			  }
        		});
        });


  • 相关阅读:
    Java_流程控制
    Java_循环
    Java_集合
    Java_泛型
    关于DTO的理解
    IDEA_Springboot启动Tomcat报错_APR
    canvas画圆又毛边
    关于数字加载的动画 jquery
    微信里关闭窗口 js
    依赖jquery的select皮肤2
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6735091.html
Copyright © 2011-2022 走看看