javascript - 提供 "In progress".. ."Done"通知的最简单方法？

Question

我不是编程新手，但对 Javascript/Web 开发有点生疏。我正在使用 Rails 构建一个应用程序，我们有几个耗时的操作，在此期间我们想向用户提供反馈。基本上，我想使用 AJAX 做这样的事情:

1. [用户点击“确定”或“继续”]
2. [可选确认框]
3. 在操作发生时显示状态消息“正在工作...”
4. 当操作完成并且数据从服务器返回时，状态消息变为“完成!”并呈现结果或发生一些回调。

我已经有一段时间没有进行 web 开发了，一个简单的例子来说明如何实现这样的事情会很有帮助。谢谢。

Answer 1

$(window).ajaxStart(function() {
    $("#loader").show();
}).ajaxStop(function() {
    $("#loader").hide();
});

只是全局绑定(bind)启动和停止。此示例显示和隐藏加载程序 div。通常，您有一个带有微调器的 div，让用户知道它正在加载。

微调器的消失就足够了，“完成”消息有点过分了。