為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
下面給大家介紹為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的實(shí)例
有時(shí)侯要用ajax來輪詢某個(gè)服務(wù)是否可用,但是各個(gè)瀏覽器ajax的超時(shí)時(shí)間有可能不一樣,所以希望ajax能只嘗試幾秒鐘,然后隔幾秒再次發(fā)送一次ajax檢查一次??梢杂胻imeout屬性。
var checkLoading = function(timer) {
//先延時(shí)再獲取狀態(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í)設(shè)置
var ajaxTimeoutTest = $.ajax({
url:'', //請(qǐng)求的URL
timeout : 1000, //超時(shí)時(shí)間設(shè)置,單位毫秒
type : 'get', //請(qǐng)求方式,get或post
data :{}, //請(qǐng)求所傳參數(shù),json格式
dataType:'json',//返回的數(shù)據(jù)格式
success:function(data){ //請(qǐng)求成功的回調(diào)函數(shù)
alert("成功");
},
complete : function(XMLHttpRequest,status){ //請(qǐng)求完成后最終執(zhí)行參數(shù)
if(status=='timeout'){//超時(shí),status還有success,error等值的情況
ajaxTimeoutTest.abort();
alert("超時(shí)");
}
}
});
設(shè)置timeout的時(shí)間,通過檢測(cè)complete時(shí)status的值判斷請(qǐng)求是否超時(shí),如果超時(shí)執(zhí)行響應(yīng)的操作。
總結(jié)
以上所述是小編給大家介紹的為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JQuery的Ajax請(qǐng)求實(shí)現(xiàn)局部刷新的簡(jiǎn)單實(shí)例
- jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)實(shí)例
- 跨域請(qǐng)求之jQuery的ajax jsonp的使用解惑
- jquery ajax請(qǐng)求方式與提示用戶正在處理請(qǐng)稍等
- jQuery.ajax 跨域請(qǐng)求webapi設(shè)置headers的解決方案
- Jquery ajax請(qǐng)求導(dǎo)出Excel表格的實(shí)現(xiàn)代碼
- Jquery Ajax請(qǐng)求文件下載操作失敗的原因分析及解決辦法
- 淺析jQuery Ajax請(qǐng)求參數(shù)和返回?cái)?shù)據(jù)的處理
- 教你如何終止JQUERY的$.AJAX請(qǐng)求
- jQuery中ajax的相關(guān)知識(shí)點(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ù)之所以能在各種瀏覽器下保持動(dòng)態(tài)JS順序執(zhí)行,其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03
jquery刪除指定的html標(biāo)簽并保留標(biāo)簽內(nèi)文本內(nèi)容的方法
有時(shí)我們希望刪除這段html代碼里面的一對(duì)<p>標(biāo)簽,但是要保持里面的內(nèi)容不被刪除,本文提供的這個(gè)jquery方法就可以簡(jiǎn)單實(shí)現(xiàn)。2014-04-04
jquery分頁(yè)插件jquery.pagination.js使用方法解析
這篇文章主要針對(duì)js分頁(yè)插件jquery.pagination.js使用方法進(jìn)行解析,很實(shí)用的分頁(yè)插件,感興趣的小伙伴們可以參考一下2016-04-04
一個(gè)簡(jiǎn)單的動(dòng)態(tài)加載js和css的jquery代碼
動(dòng)態(tài)加載js和css的jquery,可用于在生成頁(yè)面時(shí)通過js函數(shù)加載一些共通的js和css文件,需要的朋友可以參考下2014-09-09
jQuery插件bxSlider實(shí)現(xiàn)響應(yīng)式焦點(diǎn)圖
bxSlider特性1.充分響應(yīng)各種設(shè)備,適應(yīng)各種屏幕;2.支持多種滑動(dòng)模式,水平、垂直以及淡入淡出效果;3.支持圖片、視頻以及任意html內(nèi)容;4.支持觸摸滑動(dòng);5.支持Firefox,Chrome,Safari,iOS,Android,IE7+,下面我們就來詳細(xì)探討下吧。2015-04-04

