javascript - 单击按钮时出现“请稍候，正在加载”警报

Question

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

任何人都可以提供任何建议吗？
我对 javascript 和 jquery 很陌生。我有一种感觉，这必须用 ajax 来完成，但我真的不知道怎么做。

Answer 1

我认为这里也问过同样的问题 -如何使用 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();
 });