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中