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

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

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

有時侯要用ajax來輪詢某個服務是否可用，但是各個瀏覽器ajax的超時時間有可能不一樣，所以希望ajax能只嘗試幾秒鐘，然后隔幾秒再次發送一次ajax檢查一次。可以用timeout屬性。

var checkLoading = function(timer) {
 //先延時再獲取狀態，否則立即獲取可能重啟前的服務還沒有關閉
 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超時設置

var ajaxTimeoutTest = $.ajax({
　　url:'', //請求的URL
　　timeout : 1000, //超時時間設置，單位毫秒
　　type : 'get', //請求方式，get或post
　　data :{}, //請求所傳參數，json格式
 　　dataType:'json',//返回的數據格式
 　　success:function(data){ //請求成功的回調函數
 　　　　alert("成功");
　　},
　　complete : function(XMLHttpRequest,status){ //請求完成后最終執行參數
 　　　　if(status=='timeout'){//超時,status還有success,error等值的情況
 　　　　　 ajaxTimeoutTest.abort();
　　　　　 alert("超時");
　　　　}
　　}
 });

設置timeout的時間，通過檢測complete時status的值判斷請求是否超時，如果超時執行響應的操作。

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