為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法
下面給大家介紹為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的實(shí)例
有時(shí)侯要用ajax來(lái)輪詢某個(gè)服務(wù)是否可用,但是各個(gè)瀏覽器ajax的超時(shí)時(shí)間有可能不一樣,所以希望ajax能只嘗試幾秒鐘,然后隔幾秒再次發(fā)送一次ajax檢查一次??梢杂胻imeout屬性。
var checkLoading = function(timer) { //先延時(shí)再獲取狀態(tài),否則立即獲取可能重啟前的服務(wù)還沒(méi)有關(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í)間,通過(guò)檢測(cè)complete時(shí)status的值判斷請(qǐng)求是否超時(shí),如果超時(shí)執(zhí)行響應(yīng)的操作。
總結(jié)
以上所述是小編給大家介紹的為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(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并非萬(wàn)能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中,我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動(dòng)態(tài)JS順序執(zhí)行,其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03jquery刪除指定的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-04jquery分頁(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í)通過(guò)js函數(shù)加載一些共通的js和css文件,需要的朋友可以參考下2014-09-09jQuery插件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+,下面我們就來(lái)詳細(xì)探討下吧。2015-04-04