“请等待，加载”按钮点击警报

Question

我有一个按钮 - 当它被点击时，会显示警报，提示输入，在用户输入数据后，数据被发送到服务器，处理完毕，结果就会出现。这可以持续长达30秒-1分钟，因为我必须处理相当多的数据，因此我需要显示“正在加载，请稍候”警报，而服务器端作业正在运行，因此用户不会认为事情不起作用。

有人可以提出任何建议吗？ 我是javascript和jquery的新手。我有一种感觉，这必须用ajax完成，但我真的不知道如何。

Answer 1

我认为这里也提出了同样的问题 - How to display a "busy" indicator with jQuery?并提供了经过验证的代码答案。

Answer 2

您需要的是一个名为Block UI的Jquery插件 http://www.malsup.com/jquery/block/

可以在

找到源代码和工作演示

http://www.malsup.com/jquery/block/#page

根据评论，如果你想为独立的ajax做这件事 您可以取消阻止成功或Ajax调用的错误处理程序...假设

$.ajax({
     url: "test.html", 
     cache: false, 
     beforeSend: function ( xhr ) {
        $.blockUI({ overlayCSS: { backgroundColor: '#00f' } });
     }
}).done(function( html ) {
     // Do your work 
     $.unblockUI();
 });