提供"进行中"..."完成"通知的最简单方法？

Question

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

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

自从我进行Web开发以来已经有一段时间了,一个如何实现这样的事情的简单示例将非常有用.谢谢.

Answer 1

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

只是全局绑定到开始和停止.此示例显示并隐藏了一个装载器div.通常你有一个带有微调器的div,让用户知道它正在加载.

微调器的消失应该足够了,"完成"的消息是过度的.