Javascript Ajax启动事件问题

当我的页面执行ajax请求时，我试图显示一个进度条

         $(document).ajaxStart(function () {
            alert("test");

            document.getElementById('LoadingDiv').style.visibility = "visible";

        });

我有一个里面有图像的div，我想在ajaxStart活动上展示它。问题是img仅在ajaxStart事件完成时显示。但是，该警报是在ajax请求之前触发的

         $(document).ajaxStart(function () {
            alert("test");

            document.getElementById('LoadingDiv').style.visibility = "visible";

        });

---

将abit to early更改为async并立即生效。

您可以像这样显示/隐藏加载微调器：

/*LOADING SPINNER*/
jQuery.ajaxSetup({
  beforeSend: function() {
     $('#loadingDiv').show()
  },
  complete: function(){
     $('#loadingDiv').hide()
  },
  success: function() {}
});

#loadingDiv

只包含一个动画图像。

ajaxSetup

方法为将来的Ajax请求设置默认值。

---

这意味着每次进行

ajax

调用时，都会显示此加载指示器。

您能显示进行ajax调用的代码吗？可能重复