javascript - 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拨打电话时都会显示此加载指示器。