javascript - 有没有办法阻止页面刷新时恢复功能？

Question

我知道如何使用 jQuery 发送表单而不刷新页面。这不是我在这里的目的。我只是想指出这一点。我有一个按钮，当 onclick() 将显示表单和隐藏链接时。我面临的问题是，当提交表单时，页面刷新，因此隐藏链接返回到隐藏的初始状态。

有什么方法可以阻止页面刷新时恢复功能吗？这就是我有兴趣知道的。但如果最好的方法是阻止表单刷新，我会这样做。我只是想知道为了知识我是否可以用另一种方式来做。我正在尝试学习新方法，而不是总是做同样的旧 jQuery 东西。

html

<button id="showOwn" type="button" onclick="showHiddenForm();" >
I'm a returning client</button>

<div id="hiddenForm" style="display:none;">

<form method="POST" action="form.php">
<input type="submit" name="validate_customer" value="Confirm Identity">
</form>

<a id="hiddenLink" href='other_page.php>Continue as Roger Rabbit</a>

</div>

脚本

function showHiddenForm(){
    //show hidden form
    document.getElementById("hiddenForm").style.display='block';
}

Answer 1

使用本地存储:

window.onload = () => {
 if( localStorage.getItem("show") )
  showHiddenForm();
};

function showHiddenForm(){
 localStorage.setItem("show",true);
//show hidden form
document.getElementById("hiddenForm").style.display='block';
}