Ajax sorgu sonrası hatalarını nasıl yakalarım?

Question

Ajax isteği başarısız olursa, hatayı yakalamak ve uygun mesajı göstermek istiyorum.

Kodum aşağıdaki gibidir, ancak başarısız Ajax isteğini yakalayamadım.

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

Ajax isteği başarısız olduğunda, "Ajax'ta Hata" nın hiçbir zaman yürütülemediğini öğrendim.

Ajax hatasını nasıl ele alırım ve başarısız olursa uygun mesajı nasıl gösteririm?

Answer 1

jQuery 1.5 Eğer ertelenmiş nesneler mekanizmasını kullanabilir beri:

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

diğer bir yolu .ajax kullanıyor: uygulamak için

$.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

basit bir yolu olduğunu ajaxError:

Ne zaman bir n Ajax isteği bir hatayla 'u tamamlar, jQuery ajaxError olayını tetikler. .ajaxError() yöntemiyle kaydedilmiş olan tüm ve tüm işleyiciler bu kez adresinde gerçekleştirilir. Örneğin

:

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

Ben ajaxError belgeleri okuma öneririz. Yukarıda gösterilen basit kullanım örneği daha yapar - esas olarak geri arama bir dizi parametre kabul eder:

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

Answer 4

JQuery 1.5 güzel bu ele ertelenmiş nesneler ilave edildi. $.post'u arayın ve aramadan sonra istediğiniz herhangi bir işleyiciyi ekleyin. Ertelenmiş nesneler, birden çok başarı ve hata işleyicisi eklemenize bile izin verir.

Örnek: jQuery 1.8

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

önce, işlev donesuccess denilen ve failerror olarak adlandırılmıştır.

Answer 5

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

Answer 6

Bu sorunu jQuery ajax çağrımda datatype: 'json' bildirerek giderdim.