0

Tengo una pagina con varios botones. Todos los botones mandan ejecutar la misma funcion, la cual ejecuta el mismo AJAX (aunque con diferente data para cada caso).

En beforeSend remuevo la tabla que se este mostrando actualmente mediante su id (siempre genero la tabla con el mismo id).

En .done() reconstruyo la tabla usando la respuesta del servidor.

Hasta aquí todo en orden. Sin embargo, si el usuario presiona un botón, y luego presiona otro cuando el primero aún no ha terminado, el resultado es que se me generan dos tablas.

La solución temporal que he aplicado es remover la tabla tanto en el beforeSend como en el .done().

¿Es posible checar de alguna manera si la primera ejecución del AJAX ha terminado?¿O como puedo hacer para que la segunda ejecución AJAX espere a que termine la primera?

1
  • Buen Día, te recomiendo que leas Como Preguntar, y edites tu pregunta para que agregues tu código en texto, de lo que tienes, lo que recibes y lo que esperas. Commented el 6 nov. 2021 a las 1:30

2 respuestas 2

0

Usualmente utilizo una variable comodín que varía su valor cuando se ejecuta una función asíncrona y cuando se termina. De esta manera evito la superposición de llamadas.

let flag = true;

function xhr(){
    if (flag){ //Si el comodín es true
        flag = false; //Cambia a false, evitando que otras llamadas se ejecuten
        $.ajax({...})
            .done(function(){
                //Cuando se completa la actual llamada, cambia el valor a true
                flag = true;
            });
    }
}
0

Lo que te recomiendo es usar el objeto Promise, el cual, espera hasta que este se termine de ejecutar.

Te adjunto el enlace para que le eches un ojo. Objeto Promise

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.