如果用戶頻繁點擊ajax請求，有兩個問題：

如果連續點擊了5個ajax請求，前4個其實是無效的，趁早結束節省資源。

更嚴重的問題是：最后一個發送的請求，響應未必是最后一個，有可能造成混亂。還需要一個隊列來維護發送的請求和響應。

直接終止ajax

終止ajax請求： var request = $.get("ajax.aspx",{id:1},function(data){ //do something }); //終止請求動作. request.abort();

---

防止重復請求：

var request; if(request != null) request.abort(); request = $.get("ajax.aspx",{id:1},function(){ //do something });

如果使用vue，或者react,對于request要定義在data或者state里面。

---

setTimeout實現 secondTry 在等待一秒之后將firstTry的ajax終止：

var firstTry = $.ajax( //do something ); var secondTry = setTimeout(function(){alert('ok');firstTry.abort()},1000);

舉例說明：

當用戶頻繁點擊點贊按鈕的時候：

data: function () {return {status:0,xhrrequest: null};},methods: {setLike:function(){this.doComment({action: status},function (res) {//回調函數數據處理});}, doComment: function (opt, callback) {let _this = this;//let ajaxUrl = 'http://api.wmpvp.com';if (_this.xhrrequest != null)_this.xhrrequest.abort();_this.xhrrequest = $.ajax({type: "POST",url: `${ajaxUrl}/XXXXXXX`,//接口地址contentType: "application/json",data: JSON.stringify({accessToken: _this.isLogin(),platform: "admin"}),dataType: "json",success: function (res) {callback && callback(res);}});},}

總結

以上是生活随笔為你收集整理的户频繁点击发送ajax请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。