jQuery AJAX activa la devolución de llamada de error en la descarga de la ventana: ¿cómo puedo filtrar la descarga y solo detectar errores reales?

Question

Si navego fuera de una página en medio de una solicitud $ .ajax(), se activa la devolución de llamada de error. He probado en Safari y FF con solicitudes GET y POST.

Una posible solución sería abortar todas las solicitudes de AJAX en la descarga de la página, pero se llama al controlador de errores antes de descargar, por lo que esto no parece posible.

Quiero ser capaz de manejar correctamente errores REALES como 500s en el lado del cliente con una alerta cortés o un cuadro de diálogo modal, pero no quiero que se invoque este manejo cuando un usuario navega fuera de la página.

¿Cómo puedo hacer esto?

-

(también extraña: Al navegar lejos de una página, el gestor de errores dice que el parámetro textStatus es "error", el mismo se lanza al recibir un/solicitud incorrecta 500).

Answer 1

En la devolución de llamada de error o $.ajax tiene tres argumentos de entrada:

function (XMLHttpRequest, textStatus, errorThrown) { 
    this; // options for this ajax request 
} 

Usted puede comprobar directamente la xhr.status para obtener el código de respuesta HTTP, por ejemplo:

$.ajax({ 
    url: "test.html", 
    cache: false, 
    success: function(html){ 
    $("#results").append(html); 
    }, 
    error: function (xhr, textStatus) { 
    if (xhr.status == 500) { 
     alert('Server error: '+ textStatus); 
    } 
    } 
}); 

Editar: Para ver la diferencia entre una conexión interrumpida por el navegador y el caso donde el servidor está caído (comentario de jasonmerino):

En la descarga xhr.readyState debe ser 0, donde por un servidor no responde la xhr.readyState debe ser 4.

Answer 2

La devolución de llamada de error debería hacer referencia al objeto XHR, verificar el código de estado para ver si es un error del servidor o no.

Answer 3

(me gustaría añadir esto como un comentario a la respuesta principal ¡pero aún no ha acumulado suficientes puntos para hacerlo!)

También estoy viendo esto en FF4 y Chrome (9.0.597.107). Probablemente en otro lugar, pero eso es lo suficientemente malo como para querer arreglarlo.

Una de las cosas que es extraño en esta situación es que regresó XMLHttpRequest.status === 0

cual parece ser una manera confiable para detectar esta situación y, en mi caso particular, abortar el tratamiento de errores a medida que se muestra al usuario:

error: function (XMLHttpRequest, textStatus, errorThrown) { 
    if (XMLHttpRequest.status === 0) return; 
    // error handling here 
} 

también vale la pena mencionar que en el supuesto de si puede ser un problema en el análisis sintáctico JSON de lo que el navegador está dando la espalda a la llamada $ .ajax(), que también trataron el canje de la JSON.stringify nativo para la versión de Douglas Crockford (https://github.com/douglascrockford/JSON-js) pero eso no hizo diferencia.

Answer 4

Este es un dispositivo difícil de manejar correctamente en todas las situaciones. Desafortunadamente, en muchos navegadores populares, el xhr.status es el mismo (0) si la llamada AJAX se cancela mediante navegación o si un servidor está inactivo o no responde.Entonces esa técnica rara vez funciona.

Aquí hay un conjunto de hacks muy "prácticos" que he acumulado que funcionan bastante bien en la mayoría de las circunstancias, pero que aún no son a prueba de balas. La idea es tratar de atrapar los eventos de navegación y establecer una bandera que esté marcada en el controlador de error AJAX. De esta manera:

var global_is_navigating = false; 

$(window).on('beforeunload',function() { 
    // Note: this event doesn't fire in mobile safari 
    global_is_navigating = true; 
}); 

$("a").on('click',function() { 
    // Giant hack that can be helpful with mobile safari 
    if($(this).attr('href')) { 
     global_is_navigating = true; 
    } 
}); 

$(document).ajaxError(function(evt, xhr, settings) { 
    // default AJAX error handler for page 
    if(global_is_navigating) { 
     // AJAX call cancelled by navigation. Not a real error 
     return; 
    } 
    // process actual AJAX error here. 
}); 

Answer 5

Si usted hace uso de funciones tales como jQuery $.get, $.post, $.ajax ... a continuación, puede utilizar el parámetro text_status para comprobar qué tipo de falta es:

request = $.get('test.html', function(data){ 
    //whatever 
}).fail(function(xhr, text_status, error_thrown) { 

    if(text_status!== 'abort'){ 
     console.warn("Error!!"); 
    } 
}); 

De la jQuery docs:

jqXHR.fail (function (jqXHR, textStatus, errorThrown) {}); Una construcción alternativa a la opción de devolución de llamada de error, el método .fail() reemplaza el método obsoleto .error(). Consulte deferred.fail() para detalles de implementación de .