防止重复发送ajax请求

比眉伴天荒 2021-10-26 18:58 411阅读 0赞

前端代码是当输入密码个数为6个的时候，触发ajax请求，但输入很快的时候会触发多个请求，为了防止重复发送请求。

![635261-20170504145631804-1351194220.png][]

可以利用**jquery ajaxPrefilterzhong**中断请求

**局限性：**仅仅对jquery 发送的ajax请求有作用

**调用abort后jquery会执行error的方法，抛出abort的异常信息。可以使用以下方式区分出该类型的异常。**

error:function(jqXHR, textStatus, errorThrown){
        
        if(errorThrown != 'abort'){
        
            //ajax被调用abort后执行的方法
            alert('应用加载失败！');
        }
    }

**Demo:**

$.ajax({
        
        type:"post",
        url:url,
        data:{"act":"checkpwd","password":pwd},
        dataType:"json",
        success:function(request){
        
            if(request.statu == 0){
        
                Air_View("支付密码错误");
            }else{
        
                $("#walletpay").submit();
            }
    
        },
        error:function(jqXHR, textStatus, errorThrown){
        
            if(errorThrown != 'abort'){
        
                //ajax被调用abort后执行的方法
                alert('应用加载失败！');
            }
        }
    });

转载于:https://www.cnblogs.com/godLike7/p/6807256.html

[635261-20170504145631804-1351194220.png]: /images/20211026/03f4fb871183424980dd27fa1cfe309c.png