chiamata funzione javascript dopo l'esecuzione del processo [duplicato] - javascript, jquery, ajax, overlay, show

Sto affrontando un problema relativo a JavaScript. Fare clic sul pulsante per chiamare una funzione

function onButtonClickFunction()
{
ajaxCall();
}

function ajaxCall()
{
$(".black_overlay").show();

/* Some Ajax Code */

$(".black_overlay").hide();
}

Quindi qui sto affrontando il problema è, quando chiamo la funzione ajaxCall, dovrebbe apparire idealmente la sovrapposizione, ma questo apparirà e si nasconderà alla fine della risposta Ajax.

Non ci sono errori nella console. E quando si verifica con i punti di interruzione, questa funzione funziona in sequenza.

Davvero non sono venuto a sapere, dove dovrebbe essere il problema. Cosa devo controllare per questo?

Qualsiasi aiuto sarebbe apprezzato.

Grazie!

risposte:

Dovresti usare il tuo codice per nascondere la sovrapposizione all'interno di ajax.success o ajax.error, perché ajax esegue asincrono.

Ecco perché il tuo overlay si nasconde più velocemente del termine della richiesta