如何為jquery的ajax請求添加超時timeout時間

這篇文章主要介紹如何為jquery的ajax請求添加超時timeout時間，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

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

有時侯要用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)

補充：下面介紹下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)的操作。

以上是“如何為jquery的ajax請求添加超時timeout時間”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！