禁用按钮以避免触发服务器请求再启用按钮

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《禁用按钮以避免触发服务器请求再启用按钮》，以下内容主要包含等知识点，如果你正在学习或准备学习Golang，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

我见过很多与我类似的问题，但花了几个小时浏览并找不到适合我情况的答案。

我有一个基于 go 的网络服务器。我有一个 html 模板页面，可让我使用当前浏览器时间更新 'nix 系统上的硬件时钟和系统时钟：

更新按钮的类型为提交，并调用 go 代码，这会进行一些需要几秒钟的系统调用，并且我不能让该服务器代码在仍在处理第一个请求时被调用两次。

所以我想禁用更新按钮，然后在服务器响应后重新启用它。

我有 jquery，所以我知道我可以有一个通过“onclick”调用的函数并进行这些调用：

$("#updatebutton").prop("disabled", true);
$("#updatebutton").prop("disabled", false);

我通过按钮提交表单（例如，不是 jquery 调用 - 尽管我洗耳恭听），因为我希望表单在服务器响应时刷新。所以我有这个：

<form action="/clock" method="post">
    ...
</form>

这是为了更新页面上的一些值。例如顶部的状态消息和各个字段中的值（更新为实际设置的值）。

我遇到的第一个问题是，如果我在单击按钮时调用 js 函数，并且它按照上面的方式禁用按钮，那么我的服务器代码不会被调用！我不知道为什么 - 这会以某种方式停止发布请求吗？

<script>
function getTime() {
    // Disable update button while waiting for response
    $("#updateButton").prop("disabled", true); // Stops post request???

    // How to re-enable update button?

}
</script>

其次，如何重新启用该按钮？我不知道如何判断服务器何时响应。

解决方案

因为您说您想在单击按钮后禁用提交按钮。而且您还说您希望在提交表单时刷新页面。

<form action="" method="post" onsubmit="subbtn.disabled = true; return true;">
    &lt;input type=&quot;submit&quot; name=&quot;subbtn&quot; value=&quot;submit&quot;/&gt;
</form>

在上面的代码中，当提交

<script>
function getTime() {
    $("#updateButton").prop("disabled", true);
    return true; // this to continue with the original <form> process
}
</script>