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


  • 相关阅读:
    聚簇索引与非聚簇索引(二级索引)的区别
    swoole介绍
    什么是mysql执行计划
    php-fpm浅析
    字段设计规范
    mysql排序规则utf8_genera_ci和utf8_bin的区别
    chrome 麦克风被禁用
    获取地址栏参数
    vue 打包去掉console debugger
    Vue less全局变量预处理加载
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6735091.html
Copyright © 2011-2022 走看看