Escenario: estoy creando un módulo de registro de eventos en el que un usuario elegiría una fecha de un calendario para reservar, completar algunos campos de entrada y pagar para reservar la fecha. Uno de los requisitos es que sólo puede haber una reserva por fecha. Esto surge un caso en el que dos personas quieren reservar la misma fecha en el mismo tiempo. Por lo tanto, debemos mostrarle al usuario que vino más tarde a reservar la fecha un mensaje de que ya hay una reserva en curso para esa fecha específica. Vuelva a consultar más tarde .

Para lograr esto, estoy creando una entrada temporal en mi base de datos cada vez que un usuario elige una fecha. Contra esa entrada, puedo mostrar el mensaje al otro usuario que vino después.

Lógicamente, esa entrada tiene que ser borrada si el primer usuario:

1. selecciona alguna otra fecha.
2. cierra su navegador o sale de la página

De manera que estaría disponible para el segundo usuario que quiera reservar para la misma fecha.

El problema: puedo eliminar la entrada una vez que un usuario cambia la fecha seleccionada. No soy capaz de lograr el segundo. Escribí una función que eliminará la fila y llamará a esa función antes de descargar el evento jQuery. Aparentemente, esa función no funciona con jQuery.

 window.onbeforeunload = function(){ deleteTempEntry(); //This sends an ajax call to delete the entry. Not working. alert("The second alert"); // even this alert doesn't work. // I actually intend to use confirm box to make sure to not to delete the entry if the user does not leave the page. confirm("Your current progress will be removed. Are you sure?"); //Calling this return function shows the warning message but none of the other code works. //return 'Are you sure you want to leave?'; };

Intenté, bind/on/pure JS pero ninguno de esos parece funcionar.

Como se explica aquí , no hay mucho que pueda hacer con los eventos onbeforeunload/unload por razones de seguridad. ¿Alguna solución para esto?

Gracias.