内容字号: 默认 大号 超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到宋体切换到微软雅黑

[已解决]异步接口提交表单防止按钮过快点击造成多次重复提交的解决方法

发布:2017-12-14 浏览: 评论(
异步接口提交表单的时候,如果我们对按钮进行快速多次重复点击时,页面还没跳转但是$.ajax已经请求了很多次,导致数据库有多条相同的数据,就是因为在点击提交的时候进行了多次点击造成的,所以我们要用锁来防止多次点击触发多次$.ajax异步接口的请求;这里提供一种解决办法:
$(seletor).on("click",function(){
        var self=$(this);
        if(self.hasClass("flag")){
            return false;
        }
        //这里可以放提交之前的一些验证代码
        //………………………………
        //………………………………
        //………………………………
        
        self.addClass("flag");
        $.ajax({
        	type:"post",
        	url:"",
        	beforeSend:function(){
        	    
        	},
        	success:function(result){
        	    //成功之后的代码
        	    
        	    //………………………………
        	    //………………………………
        	    //………………………………
        	    
        	    self.removeClass("flag");//成功之后可以删除,如果是提交之后跳转页面的可以不加这段代码
        	},
        	complete:function(){
        	    self.removeClass("flag");//完成之后可以删除,如果是提交之后跳转页面的可以不加这段代码
        	}
        });
        
    })


前端新手交流群
欢迎加入web前端新手交流qq群:734802480

更多文章

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。


Copyright © 2014-2019 seozhijia.net 版权所有-粤ICP备13087626号-4