jQuery的AJAX：當請求失敗

Question

我試圖用承諾來同步我的Ajax請求調用來完成： 我當前的代碼是這樣的簡單：

var ajax = undefined; 

    $.ajax({ 
       type: 'put', 
       url: url, 
       data: data, 
       cache: false, 
       successs: function() { 

       }, 
       error: function() { 

       } 

      }).done(function() { 
       alert('done'); 
      }); 

這工作，只要細如Ajax調用成功（狀態碼200），但是當一個呼叫失敗時（例如trhow一個無效的url），完成不會被調用。 我如何可以執行完成，即使AJAX請求失敗=

斯特凡

Answer 1

一種你兩個選擇：

呼叫成功或失敗，同樣的功能。函數不具有具有爲匿名並且內聯定義，您可以分別使用名稱定義它們並相應地引用它們。

在你的代碼片段，您同時使用舊success（雖然在最後一個額外的s）和error和較新done，這意味着你要定義成功（success和done兩個不同的回調）。只有一個就足夠了。

下面是使用success和error一個例子，傳遞null入處理程序上error：

var ajax = undefined; 

$.ajax({ 
    type: 'put', 
    url:  url, 
    data: data, 
    cache: false, 
    success: handler, 
    error: function() { 
     handler(null); 
    } 
}); 

function handler() { 
    alert("Done"); 
} 

或者用done和fail：

var ajax = undefined; 

$.ajax({ 
    type: 'put', 
    url:  url, 
    data: data, 
    cache: false 
}).done(handler).fail(function() { 
    handler(null); 
}); 

function handler() { 
    alert("Done"); 
} 

可替換地（或組合），還有的complete回調（您在選項中指定的回調）和always回調（在done和fail風格），這是所謂的不管成功還是失敗（成功或失敗回調完成後）：

complete：

var ajax = undefined; 

$.ajax({ 
    type: 'put', 
    url:  url, 
    data: data, 
    cache: false, 
    success: handler, 
    error: function() { 
     handler(null); 
    }, 
    complete: function() { 
     alert("Always called (after success/error)"); 
    } 
}); 

function handler() { 
    alert("Done"); 
} 

always：

var ajax = undefined; 

$.ajax({ 
    type: 'put', 
    url:  url, 
    data: data, 
    cache: false 
}).done(handler).fail(function() { 
    handler(null); 
}).always(function() { 
    alert("Always called (after done/fail)"); 
}); 

function handler() { 
    alert("Done"); 
} 

Answer 2

代替done功能，您可以使用complete設置：

$.ajax({ 
    type: 'put', 
    url: url, 
    data: data, 
    cache: false, 
    successs: function() { 

    }, 
    error: function() { 

    } 
    complete: function(jqXHR, textStatus) { 
     alert("Done"); 

}); 

complete功能在success或error之後執行。有關更多詳細信息，請參閱jQuery ajax文檔。

如果你不關心實際success和error回調，只想要做的事，一旦調用完成，不管結果如何，則完全省略success和error設置。

Answer 3

沒有必要做

$.ajax({ 
    type: 'post', 
    url: url, 
    data: data, 
    cache: false, 
    success: function() { 
     alert('success'); 
    }, 
    error: function() { 
     alert('error'); 
    }, 
    complete: function(){ 
     alert('complete'); 
    } 
});