Làm cách nào để bắt lỗi bài truy vấn Ajax?

Tôi muốn bắt lỗi và hiển thị thông báo phù 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ý để bắt được 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 không thành công.

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

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

$.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");
  }
});

jQuery 1.5 đã thêm các đối tượng hoãn lại xử lý việc này độc đáo. Chỉ cần gọi $.postvà đí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 bị 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.

Thí dụ:

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

Trước jQuery 1.8, hàm doneđã được gọi successvà failđược gọi error.

$.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);
  }
});

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

Một cách đơn giản là triển khai ajaxError :

Bất cứ khi nào một yêu cầu Ajax hoàn thành với một lỗi, jQuery sẽ 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 () đều được thực thi tại thời điểm này.

Ví dụ:

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

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

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

Bạn phải đăng nhập answerText:

$.ajax({
    type: 'POST',
    url: 'status.ajax.php',
    data: {
    deviceId: id
  }
})
.done(
 function (data) {
  //your code
 }
)
.fail(function (data) {
      console.log( "Ajax failed: " + data['responseText'] );
})

bạn đính kèm trình xử lý .onerror vào đối tượng ajax, tại sao mọi người cứ khăng khăng đăng JQuery để trả lời khi vanila hoạt động đa nền tảng ...

ví dụ nhanh chóng:

ajax = new XMLHttpRequest();
ajax.open( "POST", "/url/to/handler.php", true );
ajax.onerror = function(){
    alert("Oops! Something went wrong...");
}
ajax.send(someWebFormToken );