Javascript 如何使HTML按钮标记在单击一次后不可读取？

目前分配的任务是创建一个使用python可视化网络的网站。这样，单击按钮后，python脚本将运行用户设置的特定参数。为了避免巨大的负载请求，我们只希望用户单击按钮一次，而不能多次运行脚本。我们想到的想法是点击一次按钮，然后在一个请求之后，变成禁用状态，直到他们刷新页面，虽然我知道他们可以再次运行，但我们会在到达那里后讨论这个问题。我们目前正在使用一个锚标记来调用使用PHP的python脚本。我认为，由于我们使用的是锚定标记，我们可能必须更改锚定标记的href属性，这样它就不会多次运行python脚本，使得按钮即使可以单击也没有用处

我们已经尝试使用JavaScript函数：

let toggleVisual = false;

let hideVisual = function() {
  let visual = document.getElementsById('visual');

  if (toggleVisual = false) {
    visual.disabled = true;
    toggleVisual = true;
  }
}

还有更多JavaScript：

document.getElementById('form-button').onclick = function () {
    this.disabled = true;
}

甚至还有一些HTML：

<a href="?run=true" onclick="return false;"><button  id="form-button" class="visualize-btn">Visualize</button></a>

调用python脚本的PHP代码：

   <?php
   if (isset($_GET["run"])) {
      $output = shell_exec('sh test.sh');
      echo "<pre>$output</pre> works";
    }
   ?>

---

我希望当我单击按钮运行脚本时，按钮或锚标记将被禁用，从而确保python脚本不会运行多次。

欢迎使用StackOverflow！你很接近。。看看这个活动，你可能会喜欢的。基于您第一次尝试的简单代码如下：

可视化 var=false； 功能剂量测定法{ ifwasClicked{return；} wasClicked=true； //你的代码在这里 警惕“你好，世界！”； }

---

祝你的网站好运

如果toggleVisual=false是赋值…而不是比较。使用===这是有道理的，但在将其放入JS代码并输入正确的id之后，似乎仍然不起作用。内部也没有意义…不要认为它是有效的html。当然不是从可访问性的角度来看，制作标签会更有效吗？不是在..不！这解决了我关于禁用按钮的问题，但由于我们删除了标记，它无法再与PHP代码通信。是否有一种方法可以使用$\u GET或$\u POST方法与PHP通信？当然可以！一个简单的方法是使用，查看该页面上的示例代码。把代码放在fetch'https://example.com'; 警报所在的位置，应在后台调用一次：