為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法

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

這篇文章主要介紹了為jquery的ajax請(qǐng)求添加超時(shí)timeout時(shí)間的操作方法，文中通過(guò)一段簡(jiǎn)單的代碼給大家介紹jquery ajax超時(shí)設(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)站的支持！

您可能感興趣的文章:

相關(guān)文章

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