post送信のフォーム内容をリロード時でも記憶（保持）させる方法

Question

<form method="post" action="https://example.com/hoge.cgi">
<input type="hidden" name="foo" value="abc" />
<input type="hidden" name="bar" value="123" />
<input type="hidden" name="page" value="baz" />
<input type="submit" value="" />
</form>
```上記のformを送信するとhttps://example.com/hoge.cgiに飛びformの内容が送信されます。

このフォームをスマートフォンのchromeで送信するとフォーム内容が送信されhttps://example.com/hoge.cgiが開きますが
このページ（https://example.com/hoge.cgi）を開いたままブラウザを一度終了させ、
再びブラウザを起動させるとフォームの内容が反映されない状態のhttps://example.com/hoge.cgiが表示されてしまいます。
（safariの場合にはフォーム内容を再送信するかどうか聞いてきます）

getで送信するとURLにパラメータが付くので（https://example.com/hoge.cgi?foo=bar&bar=123&page=baz）、
ブラウザを開きなおしてもフォームの内容が反映されたページが開きますが
post送信でブラウザを開きなおして再びリロードされてもフォームの内容が反映された状態で開くことができる方法はないでしょうか？

Answer 1

どの言語も同じですが、SUBMITすることにより一度だけ送信するものなので、
ブラウザを閉じると無効になります。（GETもPOSTも同じ）
「再びブラウザを起動させる」は何もない状態のページに初期状態でアクセスしていることになります。
POST送信時に入力情報どこかに退避（DBとかlocalstorage等）しておいて呼び出せば入力内容の復帰は可能ですが、
「DBに登録した情報を更新・編集する」という目的以外で退避しておくこと自体、あまり意味がないように思います。

Comments

[cp_cop]

ご回答ありがとうございます。
やはりLocalStorageを使い呼び出す方法がよさそうですね。
DBで退避させることは私のスキルではできそうにないので、LocalStorageでの方法を試してみたいと思います。
ありがとうございました。

Answer 2

• LocalStorageに保管しておいてonloadで呼び出すか
• ajaxでサーバーにおくっておいて属性を仮登録状態でDBに登録しておくかの

どちらかが妥当です
クッキーだとちょっと容量に不安があります

Comments

[cp_cop]

ご回答ありがとうございます。
やはりLocalStorageを使い呼び出す方法がよさそうですね。
ajaxでのDB登録は私のスキルではできそうにないので、LocalStorageでの方法を試してみたいと思います。
ありがとうございました。