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

使用localStorage：

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

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

Answer 2

我只是想知道我是否可以为了知识而采取另一种方式。

在本地存储（或会话存储）（spec | MDN）中存储标志，并在页面加载时，使用该标志的presence / absense来确定是否挂钩该功能（或一般来说，做不同的事情，你想做的不同，不同的方式）。

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

2 个答案: