Estoy tratando de mostrar el elemento de carga que se muestra inmediatamente después de presionar el botón y antes de realizar la llamada AJAX.

Aquí está mi código y lo que he intentado: -

Este código está dentro de mi función "al hacer clic en el botón"

 $('.loading-container').fadeIn(0); $('.loading-container').show(); $('.loading-container').css('display', 'block'); console.log("start"); setTimeout(function () { getResults(); console.log("end"); }, 3600);

También probé beforeSend , pero no muestra la pantalla de carga inmediatamente después de hacer clic en el botón.

El problema es que la pantalla de carga muestra 4 o 5 segundos después de hacer clic en el botón. ¿Cómo puedo hacer que se muestre inmediatamente después de hacer clic en el botón?