jquery - 我可以在没有 Ajax 的情况下使用 Jquery blockui(插件) 代码吗

Question

我是 Jquery 新手，请帮忙......

我有一个页面有多个链接。当用户在完成后台进程并加载页面之前单击一个链接时，他会立即点击另一个链接，从而导致问题。我正在寻找解决方案以避免用户一次多次点击。

为了解决这个问题，我找到了 Jquery BlockUI 插件，并从链接 https://github.com/malsup/blockui/and 下载了(生产版本)jquery.blockUi.min.js。添加以下代码片段

$('#linkX').click(function() { 
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); 
});

现在，当我单击任何链接(所有链接都具有相同的类名)时，此代码会立即阻止页面并显示带有消息“稍等片刻”的弹出窗口，然后一旦 java 处理/请求(默认提交是表单) action='/xxx') 完成(它确实处理一些操作并更新数据库)页面刷新，然后页面自动解锁。这完全工作正常。但我想知道我是否正确使用了这个 blockUI 功能？它是否可以在没有 Ajax 的情况下使用，而只需使用常规 java 服务器(表单操作)请求？

因为我在联邦公司工作，所以下载和使用这个 jquery.blockUi.min.js 是否安全？

在这里，我的 Java+Struts1.x 一切正常。我只是使用这个 blockui 功能只是为了避免用户同时单击多个链接 - 通过禁用带有一些弹出消息的页面几秒钟，直到页面刷新新数据。

由于我在这里不使用 Ajax，是否还有其他简单的解决方案可以使用，或者这是一个好的解决方案吗？

Answer 1

我并不声称自己是专家，但我在我的 Python Django 网站上以相同的方式使用它，以便加载处理密集型页面(显然它必须以这种方式使用，因为在 Controller 完成处理任务之前，HTML 不会加载)。

请记住包括:

$(window).on('unload', function()
{
    $.unblockUI();
});

为了在页面更改时解锁 UI(或者当您点击“后退”按钮时，您可能仍会看到被阻止的页面)。

另一种老式方法是，当用户单击某个链接/按钮时，“禁用”页面上的所有链接/按钮，以便用户在加载时无法与之交互。