在调用操作时锁定网页的使用

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。