Đã hủy bỏ xử lý lỗi jquery Ajax để bỏ qua

Tôi muốn có một phương pháp xử lý lỗi chung cho các cuộc gọi ajax, đây là những gì tôi có bây giờ:

$.ajaxSetup({
  error: function (XMLHttpRequest, textStatus, errorThrown) {
    displayError();
  }
});

Tôi cần phải bỏ qua lỗi của aborted. errorThrownlà null và textStatuslà error. Làm cách nào để kiểm tra aborted?

Tôi đã phải đối phó với cùng một trường hợp sử dụng ngày hôm nay. Ứng dụng tôi đang làm việc có các cuộc gọi ajax kéo dài này có thể bị gián đoạn bởi 1) người dùng điều hướng đi hoặc 2) một số loại kết nối tạm thời / lỗi máy chủ. Tôi muốn trình xử lý lỗi chỉ chạy khi kết nối / lỗi máy chủ chứ không phải cho người dùng điều hướng đi.

Lần đầu tiên tôi thử câu trả lời của Alastair Pitts, nhưng nó không hoạt động vì cả hai yêu cầu bị hủy bỏ và lỗi kết nối đều đặt mã trạng thái và readyState thành 0. Tiếp theo, tôi thử câu trả lời của sieppl; cũng không hoạt động vì trong cả hai trường hợp, không có phản hồi nào được đưa ra, do đó không có tiêu đề.

Giải pháp duy nhất phù hợp với tôi là thiết lập trình lắng nghe cho window.onbeforeunload, thiết lập một biến toàn cục để cho biết rằng trang đã được tải xuống. Sau đó, trình xử lý lỗi có thể kiểm tra và chỉ gọi trình xử lý lỗi nếu trang chưa được tải xuống.

var globalVars = {unloaded:false};
$(window).bind('beforeunload', function(){
    globalVars.unloaded = true;
});
...
$.ajax({
    error: function(jqXHR,status,error){
        if (globalVars.unloaded)
            return;
    }
});

Trong jQuery hiện đại, bạn chỉ có thể kiểm tra xem request.statusTextcó bằng 'abort':

error: function (request, textStatus, errorThrown) {
    if (request.statusText =='abort') {
        return;
    }
}

Một điều tôi nhận thấy là khi có một yêu cầu bị hủy bỏ, statusvà / hoặc readyStatebằng 0.

Trong trình xử lý lỗi chung của tôi, tôi có một dấu kiểm ở đầu phương pháp:

$(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError) {
    //If either of these are true, then it's not a true error and we don't care
    if (jqXHR.status === 0 || jqXHR.readyState === 0) {
        return;
    }

    //Do Stuff Here
});

Tôi thấy điều này hoàn toàn phù hợp với tôi. Hy vọng điều này sẽ giúp bạn, hoặc bất kỳ ai khác gặp phải vấn đề này :)

Bạn sẽ muốn xem đối số textStatus được truyền vào hàm lỗi của bạn. Theo http://api.jquery.com/jQuery.ajax/ , nó có thể nhận các giá trị "thành công", "không sửa đổi", "lỗi", "hết thời gian chờ", "hủy bỏ" hoặc "phân tích cú pháp". "abort" rõ ràng là những gì bạn muốn kiểm tra chống lại.

Ghi chú dài hơn ở đây: jquery-gotcha-error-callback-triggered-on-xhr-abort

Vì câu trả lời bluecollarcoders không hoạt động đối với các yêu cầu ajax bị javascript bỏ qua, đây là giải pháp của tôi:

var unloaded = false;
...
$(window).bind('beforeunload', function(){
    unloaded = true;
});


$(document).ajaxError(function(event, request, settings) {
    if (unloaded || request.statusText == "abort") {
        return;
    }
    ...
}

ví dụ

handler = jQuery.get("foo")
handler.abort()

bây giờ sẽ bị bỏ qua bởi trình xử lý ajaxError

Dựa trên câu trả lời của Alastair Pitts ' , bạn cũng có thể làm điều này để có nhiều thông điệp hơn:

$(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError)
{
    {
        if (jqXHR.status === 0)
        {
            alert('Not connect.\n Verify Network.');
        } else if (jqXHR.status == 404)
        {
            alert('Requested page not found. [404]');
        } else if (jqXHR.status == 500)
        {
            alert('Internal Server Error [500].');
        } else if (exception === 'parsererror')
        {
            alert('Requested JSON parse failed.');
        } else if (exception === 'timeout')
        {
            alert('Time out error.');
        } else if (exception === 'abort')
        {
            alert('Ajax request aborted.');
        } else
        {
            alert('Uncaught Error.\n' + jqXHR.responseText);
        }
    }
});

$(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) {

    if (!jqXHR.getAllResponseHeaders()) {
        return;
    }           
}); 

Tôi đã gặp vấn đề tương tự ở đây và những gì tôi đã làm như một giải pháp là đặt var "hủy bỏ" ngay trước lệnh gọi abort (), như bên dưới:

aborting = true;
myAjax.abort();

và chỉ hiển thị lỗi trên trình xử lý lỗi của yêu cầu ajax, nếu hủy bỏ không đúng.

$.ajax({
    [..]
    error: function() {
        if ( !aborting ) {
            // do some stuff..
        }
        aborting = false;
    }
});

Nếu bạn hủy bỏ yêu cầu ajax theo cách thủ công, bạn có thể làm như sau:

var xhr;
function queryData () {
    if (xhr) {
      // tag it's been aborted
      xhr.hasAborted = true;

      // manually canceled request
      xhr.abort();
    }

    xhr = $.ajax({
        url: '...',
        error: function () {
            if (!xhr.hasAborted) {
                console.log('Internal Server Error!');
            }
        },
        complete: function () {
           xhr = null;
        }
    });
}