cuerpo de la respuesta AJAX para su uso en respuesta de error

Question

función de error AJAX de jQuery tiene los siguientes parámetros:

error(XMLHttpRequest, textStatus, errorThrown) 

¿Cuál es la mejor manera de multi-navegador para obtener el cuerpo de la respuesta?

Funciona (de manera confiable en todos los navegadores)?

$.ajax({ 
    error: function(http) { 
    alert(http.responseText); 
    } 
}); 

Answer 1

Hay una función oculta que puede extraer los datos de istance XHR:

var responseText = $.httpData(xhr) 

Si pasa "json" como un segundo parámetro que tratará la respuesta como una cadena JSON.

Tenga en cuenta que puede obtener un error porque no hay respuesta (problema de red, por ejemplo). Asegúrate de cubrir esa caja también. Además, creo (no estoy seguro) de que jQuery invoca el controlador error si el servidor devuelve un estado 4xx o 5xx.

Answer 2

A partir de jQuery 1.4.1 se debe utilizar:

var json = JSON.parse(xhr.responseText); 

Ver http://api.jquery.com/jQuery.parseJSON/.

Answer 3

Para una respuesta más reciente y general (ya que jQuery 1.5), que haría uso de la jqXHR objeto:

$.ajax(url).fail(function(jqXHR, textStatus, errorThrown) { 
    alert(jqXHR.responseText); 
}) 

Alternativamente responseJSON se pueden utilizar para conseguir el cuerpo de la respuesta ya se analiza

$.ajax(url).fail(function(jqXHR, textStatus, errorThrown) { 
    console.log(jqXHR.responseJSON); 
}) 

Answer 4

Un ejemplo de uso sencillo con jQuery:

var url = '/'; 
$.get(url).then(
    function(response) { 
     $("#result").html(response); 
    }, 
    function(jqXHR) { 
    $("#result").html('Error occurred: '+ jqXHR.statusText + ' ' + jqXHR.status); 
    } 
); 

Esto debería devolver el HTML de la página principal del sitio web actual.

Luego intenta ingresar una URL sin sentido que no existe y ver el error arrojado. Debería obtener "404 Not Found" del servidor web. Pruébelo: JSFiddle here