html - 调用操作时锁定网页的使用

Question

我有一系列html具有一些用户交互性的网页，例如：

这些按钮链接到执行从数据库php中添加/删除记录的任务的文件。SQL

我面临的问题是，在连接速度较慢的情况下，用户可能会觉得该按钮尚未被单击，因此再次单击它会导致php再次调用该按钮。

我希望在单击按钮时在屏幕上显示一种进度条，从而阻止网站进一步使用，直到php例程完成并刷新页面。

我假设这将是一个Ajax类型调用。

Answer 1

使用进度条来添加记录是非常没用的，因为它们会使您的网页变慢，因为用户必须加载一堆 javascript 和进度条样式。您最好在单击按钮后立即禁用它们并将光标更改为load以便用户看到正在发生的事情。

jQuery：

$( ".submit-button" ).click(function() {
    $(".submit-button").prop('disabled', true);
});

CSS：

.submit-button:active {
    cursor:load;
}

在本例中，.submit-button您的提交按钮class。