Ajax加載器GIF在ie和Chrome中不起作用

Question

我試圖在頁面上的“提交”按鈕上單擊以使用ajax顯示gif加載器。 加載程序顯示在Firefox中，但我無法在IE和Chrome中看到它。 當我刪除async: false它在所有瀏覽器上都可以正常工作，但是我希望它是同步的。 這是我的加載程序代碼：

        $.ajaxSetup({ cache: false, async: false });
    $(document).ajaxStart(function () {
        $('#imgloader').removeClass('loading').addClass('loading');
        $('#imgloader').show();
    });
    $(document).ajaxStop(function () {
        $('#imgloader').removeClass('loading');
        $('#imgloader').hide();
    });

Answer 1

從JQuery文檔中：

請注意，同步請求可能會暫時鎖定瀏覽器，從而在請求處於活動狀態時禁用任何操作。

因此，基本上，瀏覽器正忙於同步請求，在完成之前不會做任何事情

如果您確實要執行同步請求，則需要在發送請求之前將類顯式添加到div中