Bagaimana cara menangkap kesalahan posting permintaan Ajax?

Saya ingin menangkap kesalahan dan menampilkan pesan yang sesuai jika permintaan Ajax gagal.

Kode saya seperti berikut ini, tetapi saya tidak dapat mengatur untuk menangkap permintaan Ajax yang gagal.

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

Saya menemukan bahwa, "Kesalahan dalam Ajax" tidak pernah dieksekusi ketika permintaan Ajax gagal.

Bagaimana saya menangani kesalahan Ajax dan menampilkan pesan yang sesuai jika gagal?

Karena jQuery 1.5 Anda dapat menggunakan mekanisme objek yang ditangguhkan:

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

Cara lain menggunakan .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 menambahkan objek yang ditangguhkan yang menangani ini dengan baik. Cukup panggil $.postdan lampirkan semua penangan yang Anda inginkan setelah panggilan. Objek yang ditangguhkan bahkan memungkinkan Anda untuk melampirkan beberapa penangan sukses dan kesalahan.

Contoh:

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

Sebelum jQuery 1.8, fungsi donedipanggil successdan faildipanggil 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) });

Cara sederhana adalah dengan mengimplementasikan ajaxError :

Setiap kali permintaan Ajax selesai dengan kesalahan, jQuery memicu acara ajaxError. Setiap dan semua penangan yang telah terdaftar dengan metode .ajaxError () dieksekusi saat ini.

Sebagai contoh:

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

Saya sarankan membaca dokumentasi ajaxError . Itu lebih dari kasus penggunaan sederhana yang ditunjukkan di atas - terutama panggilan baliknya menerima sejumlah parameter:

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

Anda harus mencatat responseText:

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

Anda lampirkan .onerror handler ke objek ajax, mengapa orang bersikeras memposting JQuery untuk tanggapan ketika vanila bekerja lintas platform ...

contoh kilat:

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