前端解决方案，即使在页面刷新后也只允许在表单上提交一次

Question

我正在尝试寻找一种解决方案，让我正在处理的前端项目只提交一次表单。页面应该只允许一次提交，并且任何后续的提交尝试都应该被忽略。我曾想过使用cookie，但我不太熟悉它们，所以我不知道这是不是正确的方法。我现在有点不知所措。

Answer 1

您可以使用localstorage。使用getItem和setItem方法检索和存储值：

localStorage.setItem("isDisabled", "true"); // to store the value
localStorage.getItem("isDisabled"); // to retrieve the value

另一种解决方案是将布尔值存储在数据库中，并进行API调用以存储和检索其值。这样，它将在不同的浏览器和机器上工作。

P.S. localstorage仅接受字符串值，并在清除浏览器缓存时清除。