亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

防止重復發送Ajax請求的解決方案

2024-09-01 08:28:09
字體:
來源:轉載
供稿:網友

在頁面中有多個按鈕,點擊該按鈕可以異步的去服務端讀取數據,然后在前端將數據展示出來。 每個按鈕點擊請求的頁面都是同一個,但是請求的參數不同,所以返回的內容就不同。 在連續點擊多個按鈕的時候就會發出多個異步請求。那么根據請求返回的快慢(因為不同按鈕參數不同,返回內容不同,所以會有快慢之分),數據會依次的展示出來,那么就會出現一個先點擊的按鈕,由于他請求的數據量比較大,導致數據被后顯示出來。

一、問題解決

解決這種問題有兩種方式:

1.當連續進行多個請求,并且請求的url地址相同時。放棄前面的所有請求,只執行最后一次請求。 2.當連續進行多個請求,并且請求的url地址相同時。放棄后面的所有請求,只執行第一次請求。

二、解決方案

1、將ajax請求的async設置為false

$.ajax({  async: false,  type : "POST",  url : defaultPostData.url,  dataType : 'json',  success : function(data) {  } }); 

async

類型:Boolean 默認值: true。默認設置下,所有請求均為異步請求。如果需要發送同步請求,請將此選項設置為 false。 注意,同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成才可以執行。

2、利用jquery ajaxPrefilter中斷請求

由于第一種方案只是一種曲線救國的方式,其實沒能真正的解決上面的問題。所以,建議使用這種方式。

 var pendingRequests = {}; $.ajaxPrefilter(function( options, originalOptions, jqXHR ) {  var key = options.url;  console.log(key);  if (!pendingRequests[key]) {   pendingRequests[key] = jqXHR;  }else{   //jqXHR.abort(); //放棄后觸發的提交   pendingRequests[key].abort(); // 放棄先觸發的提交  }  var complete = options.complete;  options.complete = function(jqXHR, textStatus) {   pendingRequests[key] = null;   if ($.isFunction(complete)) {   complete.apply(this, arguments);   }  }; });

Prefilters是一個預過濾器,在每個請求之前被發送和$.ajax()處理它們前處理。

options 是請求的選項 originalOptions 值作為提供給Ajax方法未經修改的選項,因此,沒有ajaxSettings設置中的默認值 jqXHR 是請求的jqXHR對象

以上內容的核心思想是維護一個隊列,發送請求時,將請求加入隊列,請求響應后,從隊列中清除,這就保證了在任一時刻只能有一個同樣的請求發送.

局限性:僅僅是前臺防止jquery的ajax請求。對于非jquery的ajax請求,不起作用。因為使用的是jquery的ajaxPreFilter函數,僅僅對jquery的ajax請求有作用。

調用abort后jquery會執行error的方法,拋出abort的異常信息。可以使用以下方式區分出該類型的異常。

var ajax = $.ajax({ 'error':function(jqXHR, textStatus, errorThrown){  if(errorThrown != 'abort'){   //ajax被調用abort后執行的方法   alert('您的ajax方法被停止了');  } }})            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91精品国产99久久久久久| 在线播放亚洲激情| 亚洲国产精品字幕| 亚洲第一男人天堂| 中文在线不卡视频| 一区二区日韩精品| 国产成人自拍视频在线观看| 欧美日韩国产一中文字不卡| 欧美一级淫片aaaaaaa视频| 日韩**中文字幕毛片| 欧美香蕉大胸在线视频观看| 最近2019年中文视频免费在线观看| 国产在线精品成人一区二区三区| 日韩福利在线播放| 91高清免费在线观看| 亚洲第一男人av| 亚洲乱亚洲乱妇无码| 一本大道亚洲视频| 亚州欧美日韩中文视频| 日韩av在线直播| 日韩精品中文字幕久久臀| 日韩中文在线观看| 欧洲永久精品大片ww免费漫画| 国内伊人久久久久久网站视频| 色综合色综合久久综合频道88| 最新国产精品亚洲| 91免费电影网站| 中文字幕亚洲激情| 亚洲欧美在线一区| 夜夜嗨av色一区二区不卡| 成人h片在线播放免费网站| 国产欧美精品一区二区三区介绍| 亚洲视频在线观看免费| 久久久伊人欧美| 国产欧美中文字幕| 性色av一区二区咪爱| 亚洲欧美中文字幕在线一区| 久久久久久亚洲精品中文字幕| 97成人超碰免| 日韩精品视频在线免费观看| 久久久亚洲影院你懂的| 久久久久久国产精品| 一区二区欧美亚洲| 亚洲电影免费观看高清| 欧美极品少妇xxxxⅹ免费视频| 国产综合香蕉五月婷在线| 亚洲天堂av女优| 亚洲精品久久久久久久久久久久久| 久久国产加勒比精品无码| 欧美日韩国产中文精品字幕自在自线| 中文字幕在线观看日韩| 亚洲欧美在线免费观看| 一本一本久久a久久精品综合小说| 国产91九色视频| 国产成人午夜视频网址| 国产精品视频一| 色婷婷亚洲mv天堂mv在影片| 亚洲人成在线一二| 久久久久久久久久久亚洲| 国精产品一区一区三区有限在线| 国产精品久久久久免费a∨| 国产亚洲精品va在线观看| 色偷偷91综合久久噜噜| 日本欧美一二三区| 亚洲欧美国产精品va在线观看| 亚洲男人的天堂网站| 精品亚洲国产成av人片传媒| 久久国产一区二区三区| 亚洲午夜性刺激影院| 久久精品国产v日韩v亚洲| 亚洲欧美www| 国产亚洲精品久久| 538国产精品一区二区在线| 亚洲aa中文字幕| 国产又爽又黄的激情精品视频| 日韩欧美亚洲国产一区| 国内精品久久久久久中文字幕| 亚洲日韩欧美视频| 亚洲国产高清高潮精品美女| 国产精品一区久久| 国产精品爽爽爽爽爽爽在线观看| 欧美高清视频在线| 亚洲福利视频专区| 精品亚洲一区二区三区四区五区| 性色av一区二区三区| 国产日韩一区在线| 国产欧洲精品视频| 91精品久久久久久久久青青| 欧美高清视频在线观看| 成人在线视频福利| 97热在线精品视频在线观看| 96精品久久久久中文字幕| 国产在线精品成人一区二区三区| 欧美国产高跟鞋裸体秀xxxhd| 亚洲国产精品福利| 不卡av电影在线观看| www.久久久久久.com| 中文字幕日韩视频| 欧美久久久精品| 国产精品丝袜高跟| 国产97在线|日韩| 日韩av免费在线| 国产va免费精品高清在线| 国产精品久久久久久久一区探花| 国语自产精品视频在线看抢先版图片| 久久久久久国产| 欧美亚洲国产成人精品| 色婷婷亚洲mv天堂mv在影片| 亚洲最大av网站| 国产精品久久视频| 宅男66日本亚洲欧美视频| 欧美激情精品久久久久久黑人| 午夜精品在线观看| 91精品久久久久久久久中文字幕| 国产一区二区三区欧美| 欧美老女人性生活| 久久视频免费在线播放| 久久精品99无色码中文字幕| 日韩精品免费观看| 奇米四色中文综合久久| 欧美性极品xxxx做受| 成人免费看片视频| 久久久999国产精品| 国产精品久久久久久搜索| 亚洲精选在线观看| 九色精品免费永久在线| 91精品一区二区| 久久综合九色九九| 国产亚洲精品一区二区| 九九视频这里只有精品| 欧美电影免费观看网站| 久久久国产精品x99av| 亚洲第一精品电影| 久久精品视频免费播放| 一个人看的www久久| 国产精品视频免费在线观看| 精品国产拍在线观看| 亚洲伊人一本大道中文字幕| 国产黑人绿帽在线第一区| 久久精品电影网| 日韩亚洲成人av在线| 欧美老少配视频| 久久久爽爽爽美女图片| 亚洲丝袜av一区| www.美女亚洲精品| 69av成年福利视频| 精品一区二区三区四区| 欧洲美女免费图片一区| 亚洲网址你懂得| 欧美国产日韩视频| 欧美日本黄视频| 久久久久国产视频| 国产精品久久久久久久久久99| 国产一区二区三区欧美| 亚洲黄色av网站| 精品国产成人av| 日韩天堂在线视频| 韩日欧美一区二区| 国产欧美久久久久久| 亚洲精品有码在线| 91精品久久久久久久久青青| 午夜精品一区二区三区在线播放| 国产精品免费福利| 欧美亚洲视频在线观看|