ページの更新時に関数が復元されないようにする方法はありますか？

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）とページのロードには、行うには、一般的に機能をフックするかどうかを判断するためにそのフラグの存在/不在を使用する（または任意のあなたは違ったやり方で、違ったやり方でやりたがっていますか？）