¿Cómo puedo detectar un error en una consulta de Ajax?

Question

Me gustaría detectar el error y mostrar el mensaje apropiado si la solicitud Ajax falla.

Mi código es como el siguiente, pero no logré captar la solicitud Ajax defectuosa.

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

Descubrí que "Error en Ajax" nunca se ejecuta cuando la solicitud Ajax falla.

¿Cómo manejo el error Ajax y muestro el mensaje apropiado si falla?

Answer 1

Desde jQuery 1.5 se puede utilizar el mecanismo de objetos diferido:

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

Otra forma es utilizar .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

Una forma sencilla es poner en práctica ajaxError:

Siempre que n La solicitud Ajax completa con un error, jQuery activa el evento ajaxError . Todos y cada uno de los controladores que se han registrado con el método .ajaxError() se ejecutan en esta vez.

Por ejemplo:

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

que sugeriría leer la documentación ajaxError. Hace más que el simple uso de los casos se demostró anteriormente - sobre todo su devolución de llamada acepta un número de parámetros:

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

Answer 4

jQuery 1,5 añadió objetos diferidos que manejan esta muy bien. Simplemente llame al $.post y adjunte los controladores que desee después de la llamada. Los objetos diferidos incluso le permiten asociar múltiples manejadores de errores y de éxito.

Ejemplo:

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

Antes de jQuery 1.8, la función de done se llamó success y fail fue llamado error.

Answer 5

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

Answer 6

He resuelto este problema al declarar datatype: 'json' en mi llamada jQuery ajax.