jquery - 如何知道 ajax 何时在 $.post 中开始和结束？

Question

在 jquery 中，有.ajaxComplete(), 。ajaxStart()事件，以便您可以显示加载图像，直到请求完成。我使用 $.post 并想知道是否有相同的事件，$.post或者我如何$.post在单击按钮时显示加载图像直到请求完成？

谢谢...

Answer 1

ajaxStart和ajaxComplete是每次发出 ajax 请求时触发的全局处理程序，这意味着您不需要更改您的发布请求，只需添加以下代码：

$('.log').ajaxStart(function () {
    $(this).append('<h1>ajax start.</h1>');
});

$(".log").ajaxComplete(function () {
    $(this).append("<h1>ajax complete.</h1>");
});

和 html 也可用于显示/隐藏加载器：

<div class="log">      
</div>

Answer 2

$.post()有一个成功回调，我相信。所以开始在点击或任何启动 ajax 调用时显示加载 img，并将其隐藏在成功回调中。

如果您使用 ajax 调用同时触发了覆盖/微调器的外观，则在完成后将其隐藏：

   $.post('ajax/test.html', function(data) {
      $('#spinner').hide();
   });

您也可以使用remove()而不是hide()