為jquery的ajax請求添加超時timeout時間的操作方法
下面給大家介紹為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)站的支持!
- JQuery的Ajax請求實(shí)現(xiàn)局部刷新的簡單實(shí)例
- jquery的ajax異步請求接收返回json數(shù)據(jù)實(shí)例
- 跨域請求之jQuery的ajax jsonp的使用解惑
- jquery ajax請求方式與提示用戶正在處理請稍等
- jQuery.ajax 跨域請求webapi設(shè)置headers的解決方案
- Jquery ajax請求導(dǎo)出Excel表格的實(shí)現(xiàn)代碼
- Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法
- 淺析jQuery Ajax請求參數(shù)和返回?cái)?shù)據(jù)的處理
- 教你如何終止JQUERY的$.AJAX請求
- jQuery中ajax的相關(guān)知識點(diǎn)匯總
相關(guān)文章
jQuery Select(單選) 模擬插件 V1.3.62 改進(jìn)版
改進(jìn)jQuery Select(單選) 模擬插件 V1.3.6,增加mouseover事件2010-07-07如何確保JavaScript的執(zhí)行順序 之jQuery.html并非萬能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中,我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動態(tài)JS順序執(zhí)行,其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03jquery刪除指定的html標(biāo)簽并保留標(biāo)簽內(nèi)文本內(nèi)容的方法
有時我們希望刪除這段html代碼里面的一對<p>標(biāo)簽,但是要保持里面的內(nèi)容不被刪除,本文提供的這個jquery方法就可以簡單實(shí)現(xiàn)。2014-04-04jquery分頁插件jquery.pagination.js使用方法解析
這篇文章主要針對js分頁插件jquery.pagination.js使用方法進(jìn)行解析,很實(shí)用的分頁插件,感興趣的小伙伴們可以參考一下2016-04-04jQuery插件bxSlider實(shí)現(xiàn)響應(yīng)式焦點(diǎn)圖
bxSlider特性1.充分響應(yīng)各種設(shè)備,適應(yīng)各種屏幕;2.支持多種滑動模式,水平、垂直以及淡入淡出效果;3.支持圖片、視頻以及任意html內(nèi)容;4.支持觸摸滑動;5.支持Firefox,Chrome,Safari,iOS,Android,IE7+,下面我們就來詳細(xì)探討下吧。2015-04-04