Ajax启动事件问题

Question

我试图在页面执行ajax请求时显示进度条。

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

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

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

        });

Answer 1

                            $.ajax({
                            url: url,
                            async: true,
                            dataType: 'json',
                            success: function (data) {

提前发布有点早，将异步更改为true，现在可以使用。

Answer 2

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

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

#loadingDiv仅包含动画图像。 ajaxSetup方法为将来的Ajax请求设置默认值。 这意味着每次进行ajax调用时都会显示此加载指示器。