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) {

发布到早期将 async 更改为 true 并且现在可以使用。

Answer 2

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

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

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