¿Podría ser que Chrome cancele las solicitudes Ajax pendientes, una vez que el navegador se redirige a otra URL?

Question

que tienen esta función para abrir una lista que el usuario está editando:

function unsetLock(id) { 
    $.ajax({ 
    type: "POST", 
    url: "/ajax.php?action=unsetLock", 
    dataType: 'json', 
    data: "id="+ id 
    }); 
    return true; 
} 

Cuando el usuario se desplaza fuera de la lista, tengo que cancelar el bloqueo:

unsetLock(lockID); 
document.location.href='/page/to/navigate/back/to.php'; 

Sin embargo, este desbloqueo veces funciona y otras veces no. Creo que es porque se ejecuta document.location.href, antes de que la llamada ajax haya sido realmente enviada al servidor.

¿Cómo puedo forzar el desbloqueo antes de pasar al usuario a la página siguiente?

En realidad, no necesito esperar el Ajax-Reply, ya que quiero redirigir al usuario, si tiene éxito o no. Solo quiero asegurarme de que esté siendo transferido al servidor.

Si coloco el document.location.href dentro de la función Ajax, esperará la respuesta.

Answer 1

Una forma muy maleducada de hacerlo es agregar: async: false, que bloqueará el navegador hasta que se complete la llamada AJAX. Por supuesto, si hay un problema y la llamada AJAX nunca se termina ...

Es la solución más rápida y fácil a su problema, pero probablemente no sea la mejor.

Yo, personalmente, tendría el bloqueo solo por veinte segundos (utilizando una marca de tiempo en la base de datos) y envío una llamada ajax cada diez segundos para volver a bloquear la página (si tiene sentido) usando setInterval(). De esta forma, la cerradura se desarmará unos segundos después de que alguien abandone la página, y es buena sin importar la situación (una falla de energía para el cliente no dejaría la página bloqueada para siempre, por ejemplo).

Answer 2

Quizás me falta algo, pero ¿por qué no utilizar la opción success en la llamada Ajax? Esto ejecutará cualquier resultado y se asegura de que llegue al servidor.

function unsetLock(id) { 
    $.ajax({ 
    type: "POST", 
    url: "/ajax.php?action=unsetLock", 
    dataType: 'json', 
    data: "id="+ id, 
    success: function(){ 
     document.location.href='/page/to/navigate/back/to.php'; 
    } 
    }); 
    return true; 
}