為jquery的ajax請求添加超時timeout時間的操作方法

來源：懂視網責編：小采時間：2020-11-27 22:08:31

為jquery的ajax請求添加超時timeout時間的操作方法

為jquery的ajax請求添加超時timeout時間的操作方法:下面給大家介紹為jquery的ajax請求添加超時timeout時間的實例有時侯要用ajax來輪詢某個服務是否可用，但是各個瀏覽器ajax的超時時間有可能不一樣，所以希望ajax能只嘗試幾秒鐘，然后隔幾秒再次發送一次ajax檢查一次。可以用timeout屬性。 var

推薦度：

點擊下載本文 文檔為doc格式

導讀為jquery的ajax請求添加超時timeout時間的操作方法:下面給大家介紹為jquery的ajax請求添加超時timeout時間的實例有時侯要用ajax來輪詢某個服務是否可用，但是各個瀏覽器ajax的超時時間有可能不一樣，所以希望ajax能只嘗試幾秒鐘，然后隔幾秒再次發送一次ajax檢查一次。可以用timeout屬性。 var

下面給大家介紹為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時間的操作方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com