Làm cách nào để tôi gặp lỗi đăng truy vấn Ajax?

Question

Tôi muốn gặp lỗi và hiển thị thông báo thích hợp nếu yêu cầu Ajax không thành công.

Mã của tôi giống như sau, nhưng tôi không thể quản lý để nắm bắt yêu cầu Ajax không thành công.

function getAjaxData(id) 
{ 
    $.post("status.ajax.php", {deviceId : id}, function(data){ 

     var tab1; 

     if (data.length>0) { 
      tab1 = data; 
     } 
     else { 
      tab1 = "Error in Ajax"; 
     } 

     return tab1; 
    }); 
} 

Tôi phát hiện ra rằng "Lỗi trong Ajax" không bao giờ được thực thi khi yêu cầu Ajax thất bại.

Làm cách nào để xử lý lỗi Ajax và hiển thị thông báo thích hợp nếu nó không thành công?

Answer 1

Kể từ jQuery 1.5, bạn có thể sử dụng các đối tượng cơ chế trì hoãn:

$.post('some.php', {name: 'John'}) 
    .done(function(msg){ }) 
    .fail(function(xhr, status, error) { 
     // error handling 
    }); 

Một cách khác là sử dụng .ajax:

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: "name=John&location=Boston", 
    success: function(msg){ 
     alert("Data Saved: " + msg); 
    }, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
    alert("some error"); 
    } 
}); 

Answer 2

$.ajax({ 
    type: 'POST', 
    url: 'status.ajax.php', 
    data: { 
    deviceId: id 
    }, 
    success: function(data){ 
    // your code from above 
    }, 
    error: function(xhr, textStatus, error){ 
     console.log(xhr.statusText); 
     console.log(textStatus); 
     console.log(error); 
    } 
}); 

Answer 3

Một cách đơn giản là thực hiện ajaxError:

Bất cứ khi nào một n Yêu cầu Ajax hoàn thành có lỗi, jQuery kích hoạt sự kiện ajaxError. Bất kỳ và tất cả các trình xử lý đã được đăng ký với phương thức .ajaxError() được thực hiện tại lần này.

Ví dụ:

$('.log').ajaxError(function() { 
    $(this).text('Triggered ajaxError handler.'); 
}); 

tôi sẽ khuyên bạn nên đọc tài liệu ajaxError. Nó thực hiện hơn so với trường hợp sử dụng đơn giản trình bày ở trên - chủ yếu là gọi lại nó chấp nhận một số thông số:

$('.log').ajaxError(function(e, xhr, settings, exception) { 
    if (settings.url == 'ajax/missing.html') { 
    $(this).text('Triggered ajaxError handler.'); 
    } 
}); 

Answer 4

jQuery 1.5 thêm đối tượng thu nhập hoãn lại có thể xử lý độc đáo này. Chỉ cần gọi $.post và đính kèm bất kỳ trình xử lý nào bạn muốn sau cuộc gọi. Các đối tượng trì hoãn thậm chí cho phép bạn đính kèm nhiều trình xử lý lỗi và thành công.

Ví dụ:

$.post('status.ajax.php', {deviceId: id}) 
    .done(function(msg) { ... }) 
    .fail(function(xhr, textStatus, errorThrown) { 
     alert(xhr.responseText); 
    }); 

Trước jQuery 1.8, chức năng done được gọi success và fail được gọi error.

Answer 5

$.post('someUri', { }, 
    function(data){ doSomeStuff }) 
.fail(function(error) { alert(error.responseJSON) }); 

Answer 6

Tôi đã khắc phục sự cố này bằng cách khai báo datatype: 'json' trong cuộc gọi jQuery ajax của tôi.