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


  • 相关阅读:
    WebApi调用及发布
    List<T> 去除重复数据
    C#正则表达式去除XML标签
    SSIS 发送邮件
    域登录验证.net版
    js获取select选中的值
    ionic常见错误
    mac安装brew homebrew
    flutter ios编译报错集
    dart 格式化输出
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6735091.html
Copyright © 2011-2022 走看看