亚洲香蕉成人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网站在线看| 国产亚洲精品一区二区| 国产91精品高潮白浆喷水| 亚洲精品在线视频| 欧美最猛性xxxxx免费| 亚洲成人av在线| 日韩av免费在线播放| 国产国语videosex另类| 一级做a爰片久久毛片美女图片| 精品中文字幕久久久久久| 久久久最新网址| 秋霞午夜一区二区| 欧美精品免费在线观看| 欧美在线www| 日韩a**站在线观看| 红桃av永久久久| 国产成人精品一区二区| 亚洲欧美另类在线观看| 91精品国产91久久久久久不卡| 中文字幕日韩电影| 欧美性xxxxx极品娇小| 日韩在线欧美在线| 欧美日韩色婷婷| 成人av.网址在线网站| 97色在线播放视频| 亚洲xxxx在线| 91久久在线视频| 久久久久久久亚洲精品| 国产精品www网站| 国产精品久久久久7777婷婷| 日韩电影免费在线观看中文字幕| 91精品国产高清| 黑人巨大精品欧美一区二区| 久久久天堂国产精品女人| 欧美精品激情在线观看| 国产亚洲成av人片在线观看桃| 国产精品久久久久秋霞鲁丝| 奇米4444一区二区三区| 日韩av电影免费观看高清| 久久在精品线影院精品国产| 国产欧美日韩精品在线观看| 亚洲一区二区在线| 日韩久久精品电影| 欧美午夜激情小视频| 日韩av在线影视| 国产精品99久久久久久久久| 亚洲欧洲视频在线| 欧美一级电影久久| 成人黄色av免费在线观看| 久久久精品免费| 亚洲天堂视频在线观看| 国产精品www| 色偷偷综合社区| 亚洲午夜未满十八勿入免费观看全集| 亚洲精品日韩激情在线电影| 国产香蕉精品视频一区二区三区| 亚洲国产精品网站| 成人福利在线观看| 亚洲午夜av电影| 亚洲一区二区中文| 国产亚洲人成网站在线观看| 国产99久久精品一区二区永久免费| 国产成人一区二区三区| 欧美日韩美女视频| 色琪琪综合男人的天堂aⅴ视频| 久久久久久综合网天天| 久久国产精品电影| 亚洲精品国产福利| 欧美日韩国产中文字幕| 青草青草久热精品视频在线网站| 亚洲成人中文字幕| 91最新国产视频| 91在线免费网站| 亚洲精品资源在线| 亚洲综合中文字幕在线观看| 国产精品爱久久久久久久| 国产精品久久久久久久久久免费| 欧美日韩亚洲精品一区二区三区| 日韩精品在线观看一区| 91丨九色丨国产在线| 欧美精品久久久久| 亚洲美女av在线播放| 国语对白做受69| 欧美中文字幕在线视频| 国产精品com| 亚洲视频综合网| 亚洲精品视频中文字幕| 欧美性猛交xxxx乱大交蜜桃| 在线观看欧美www| 久久99精品久久久久久青青91| 91精品国产色综合| 国产视频久久久久久久| 91久久国产婷婷一区二区| www.久久撸.com| 欧美高清视频在线观看| 亚洲欧美另类在线观看| 日本久久久久久久久久久| 国内精品久久久久久久| 在线成人一区二区| 91精品视频专区| 久久91超碰青草是什么| 久久久www成人免费精品| 热re91久久精品国99热蜜臀| 成人动漫网站在线观看| 日韩视频在线观看免费| 国产精品美女久久久久av超清| 亚洲欧美激情另类校园| 在线播放国产一区二区三区| 国产精品一区二区久久久久| 亚洲欧美制服丝袜| 亚洲美女精品久久| 91国内在线视频| 亚洲永久在线观看| 欧美精品一区二区三区国产精品| 久久久视频在线| 深夜精品寂寞黄网站在线观看| 大荫蒂欧美视频另类xxxx| 精品国产依人香蕉在线精品| 日韩欧美国产骚| 一区二区三区视频在线| 亚洲国产欧美久久| 欧美日韩爱爱视频| 国产精品视频区1| 亚洲欧美日本精品| 久久亚洲一区二区三区四区五区高| 中文字幕综合一区| 欧美一区二区色| 高清欧美性猛交xxxx黑人猛交| 日韩精品福利在线| 性色av香蕉一区二区| 亚洲在线www| xx视频.9999.com| 久久久亚洲成人| 欧美激情一区二区三区高清视频| 久久91超碰青草是什么| 精品国产91久久久久久| 51ⅴ精品国产91久久久久久| 成人妇女免费播放久久久| 午夜精品三级视频福利| 欧美激情精品久久久久久蜜臀| 国产精品流白浆视频| 亚洲成**性毛茸茸| 亚洲精品不卡在线| 久久男人av资源网站| 日韩在线免费视频观看| 最近2019中文字幕在线高清| 国产亚洲精品久久久| 97在线视频免费看| 国产精品99久久久久久久久| 国产a∨精品一区二区三区不卡| 亚洲电影免费观看高清完整版在线观看| 日韩有码在线电影| 91久久中文字幕| 亚洲国产精品人人爽夜夜爽| 午夜精品久久久久久久男人的天堂| 欧美激情小视频| 国产精品美女午夜av| 91精品国产91久久久久久不卡| 久久久久久久久久久免费| 姬川优奈aav一区二区| 久久久国产精品亚洲一区| 亚洲国产精品网站| 这里只有视频精品|