快捷導(dǎo)航

為jquery的ajax請求添加超時timeout時間的操作方法

更新時間：2018年09月04日 10:22:46 投稿：mrr

這篇文章主要介紹了為jquery的ajax請求添加超時timeout時間的操作方法，文中通過一段簡單的代碼給大家介紹jquery ajax超時設(shè)置方法，感興趣的朋友跟隨腳本之家小編一起看看吧

下面給大家介紹為jquery的ajax請求添加超時timeout時間的實(shí)例

有時侯要用ajax來輪詢某個服務(wù)是否可用，但是各個瀏覽器ajax的超時時間有可能不一樣，所以希望ajax能只嘗試幾秒鐘，然后隔幾秒再次發(fā)送一次ajax檢查一次?？梢杂胻imeout屬性。

var checkLoading = function(timer) {
 //先延時再獲取狀態(tài)，否則立即獲取可能重啟前的服務(wù)還沒有關(guān)閉
 setTimeout(function() {
 $.ajax({
  url: '/onceos/version',
  dataType: 'json',
  timeout: 4000,
  success: function(result) {
  console.log('OK')
  },
  error: checkLoading
 })
 }, timer || 1000)
}
//第一次等10秒，第一次輪
checkLoading(10000)

補(bǔ)充：下面介紹下jquery ajax超時設(shè)置

var ajaxTimeoutTest = $.ajax({
　　url:'', //請求的URL
　　timeout : 1000, //超時時間設(shè)置，單位毫秒
　　type : 'get', //請求方式，get或post
　　data :{}, //請求所傳參數(shù)，json格式
 　　dataType:'json',//返回的數(shù)據(jù)格式
 　　success:function(data){ //請求成功的回調(diào)函數(shù)
 　　　　alert("成功");
　　},
　　complete : function(XMLHttpRequest,status){ //請求完成后最終執(zhí)行參數(shù)
 　　　　if(status=='timeout'){//超時,status還有success,error等值的情況
 　　　　　 ajaxTimeoutTest.abort();
　　　　　 alert("超時");
　　　　}
　　}
 });

設(shè)置timeout的時間，通過檢測complete時status的值判斷請求是否超時，如果超時執(zhí)行響應(yīng)的操作。

總結(jié)

以上所述是小編給大家介紹的為jquery的ajax請求添加超時timeout時間的操作方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jqNext能替代jQuery嗎
隨著前端的發(fā)展和瀏覽器的升級,jQuery也開始有些缺陷,其中最主要的就是在處理大量數(shù)據(jù)時會出現(xiàn)性能問題,而為了解決這個問題,我們可以使用jqNext,這是jQuery的一個輕量級替代品,盡管它并不能完全取代jQuery,但在一些場景下使用起來是十分便利的
2023-09-09
jQuery編寫網(wǎng)頁版2048小游戲
本文主要分享了jQuery編寫網(wǎng)頁版2048小游戲的示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jQuery滿意度星級評價(jià)插件特效代碼分享
這篇文章主要介紹了jQuery滿意度星級評價(jià)插件特效,我們可以自定義每個五角星代表的分值，鼠標(biāo)滑過五角星時即可計(jì)算當(dāng)前的分值，這款jQuery評分插件非常簡單而且實(shí)用。有需要的小伙伴可以參考下
2015-08-08
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR錯誤
今天測試偶然發(fā)現(xiàn)jquery.bgiframe.js在IE9環(huán)境下提示錯誤，于是很是好奇，想辦法知道究竟，于是搜索了一下，現(xiàn)在與大家分享希望可以幫助你們
2013-01-01
jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法
這篇文章主要介紹了jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法,涉及針對插件源碼的修改,需要的朋友可以參考下
2016-08-08
jquery插件jquery.nicescroll實(shí)現(xiàn)圖片無滾動條左右拖拽的方法
這篇文章主要介紹了jquery插件jquery.nicescroll實(shí)現(xiàn)圖片無滾動條左右拖拽的方法,實(shí)例分析了jquery.nicescroll插件實(shí)現(xiàn)圖片拖拽效果的方法,需要的朋友可以參考下
2015-08-08
老生常談combobox和combotree模糊查詢
下面小編就為大家?guī)硪黄仙Ｕ刢ombobox和combotree模糊查詢。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
jQuery數(shù)組處理方法匯總
有段時間沒寫什么了, 打算把jquery中的比較常用的數(shù)組處理方法匯總一下
2011-06-06
基于Jquery的溫度計(jì)動畫效果
將代碼一一拷貝到頁面相應(yīng)的位置，然后記得調(diào)用jquery框架，展示條件有限，所以效果跟設(shè)計(jì)圖有出入，但實(shí)現(xiàn)原理是一樣的，歡迎大家多多交流！
2010-06-06
原生jQuery實(shí)現(xiàn)只顯示年份下拉框
這篇文章主要介紹了原生jQuery實(shí)現(xiàn)只顯示年份下拉框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12