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){
        		
        			  }
        		});
        });


  • 相关阅读:
    MyCat 数据库读写分离
    python 网络编程-05 socketserver
    python 网络编程-04 文件的传输
    python 网络编程-03 粘包问题及处理
    常用模块-01getopt
    js获取自动获取本电脑IP
    js变态需求
    js正则不能输入中文和英文
    禁止输入中文
    手机号3-4-5
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6735091.html
Copyright © 2011-2022 走看看