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

Question

我正在开发一个 Web 应用程序，我在其中使用带有 whenjs 扩展的 cujojs 进行异步操作。但是，我通常只是绑定我们的一个服务接口，让它们完成所有繁重的工作。

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

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

Answer 1

我可以想到两种方法：

1) 使用全局ajax 事件处理程序来监听异步活动。您可以将它们绑定到您的文档并因此执行一些 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上获取主题特别容易。每次页面加载或等待另一个响应时，您选择的动画都会触发。