Виклик jquery ajax - .fail vs.: error

Який із них мені використовувати?

Чи є якась причина використовувати одну, а не іншу?

Чи найкращий для обробки помилок?

$.ajax({
    url: url,
    data: { start: start, end: end }
}).done(function(data, textStatus, jqXHR) {
    $('#myElement').append(data);
}).fail(function() {
    // report error    
});

АБО

$.ajax({
    url: url,
    data: { start: start, end: end },
    success: function(data, textStatus, jqXHR) {
        $('#myElement').append(data);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        // report error
    }
});

Два варіанти рівнозначні.

Однак інтерфейс у стилі обіцянки ( .fail()і .done()) дозволяє відокремити код, що створює запит, від коду, який обробляє відповідь.

Ви можете написати функцію, яка надсилає запит AJAX і повертає об'єкт jqXHR, а потім викликати цю функцію в іншому місці та додати обробник.

У поєднанні з .pipe()функцією інтерфейс обіцяного стилю також може допомогти зменшити вкладеність під час здійснення декількох викликів AJAX:

$.ajax(...)
    .pipe(function() { 
        return $.ajax(...);
    })
    .pipe(function() { 
        return $.ajax(...);
    })
    .pipe(function() { 
        return $.ajax(...);
    });

Просто щоб освіжити це ...

Підхід до успіху та помилок застарілий із jQuery 1.8.

jQuery Ajax

Повідомлення про застарілість: Зворотні виклики jqXHR.success (), jqXHR.error () та jqXHR.complete () застаріли станом на jQuery 1.8. Щоб підготувати свій код до їх остаточного видалення, використовуйте jqXHR.done (), jqXHR.fail () та jqXHR.always ().

Використання стилю обіцяного відкладеного об’єкта дозволяє отримати чистішу структуру та використовувати завжди .

let data = {"key":"value"}

$.ajax({
    type: 'PUT',
    url: 'http://example.com/api',
    contentType: 'application/json',
    data: JSON.stringify(data), 
}).done(function () {
    console.log('SUCCESS');
}).fail(function (msg) {
    console.log('FAIL');
}).always(function (msg) {
    console.log('ALWAYS');
});