在等待与cujojs的承诺时显示加载微调器？

Question

我正在开发一个Web应用程序，我在其中使用带有whenjs扩展名的cujojs进行异步。但是，我通常只是陷入我们的服务界面之一，让他们完成所有繁重的任务。

当应用程序等待服务器的响应时，有没有办法自动显示微调器/加载器？只是一些视觉提示可能在角落里，让用户知道一切都在搅拌。

我想避免的一件大事就是每次拨打电话时都必须手动显示/隐藏加载微调器。

Answer 1

我可以通过两种方式来考虑这样做：

1）使用全局ajax event handlers侦听异步活动。您可以将它们绑定到您的文档，从而执行一些js，无论正在执行什么ajax调用：

$(document).on('ajaxStart', function() {
    // show your spinner
});
$(document).on('ajaxComplete', function() {
    // hide your spinner
});

2）Pace.js是“自动网页进度条”，您可以轻松地包含并选择以下主题：

<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />

在github上抓住主题特别容易。 您选择的动画将在每次页面加载或等待另一个响应时点击。