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


  • 相关阅读:
    MylSAM引擎的特点及场景使用
    innodb的特性及常用场景
    标准库functools.wraps的使用方法
    requests基本使用
    linux常用指令
    爬操插件json作指示图文详解
    Django form表单
    python 装饰器
    Django 的路由分配系统
    Django 的ORM
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6735091.html
Copyright © 2011-2022 走看看