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，让用户知道它正在加载。

旋转器的消失就足够了，“完成”消息就太过分了。