按下按钮后和触发 AJAX 调用之前立即显示加载屏幕

Question

我正在尝试在按下按钮后和进行 AJAX 调用之前显示加载元素。

这是我的代码和我尝试过的：-

这段代码在我的“点击按钮”功能中

$('.loading-container').fadeIn(0);
$('.loading-container').show();
$('.loading-container').css('display', 'block');

console.log("start");

setTimeout(function () {
    getResults();
    console.log("end");
}, 3600);

我也尝试过beforeSend，但它不会在单击按钮后立即显示加载屏幕。

问题是加载屏幕在按钮单击后显示 4 或 5 秒。如何让它在按钮点击后立即显示？

Answer 1

你可以使用asyncawait，这里是参考：MDN - async function或者你可以使用基本相同的promise (MDN - Promises)。