Javascript（or jQuery）で戻るボタンを押した時に、前のページの状態を保持している状態にしたい

Question

一部不具合を含んだコードや誤った記述があったため、質問を削除しました。再度調べ直して投稿します。

Answer 1

クッキーを使う。もしくはローカルストレージを使えば可能です。

Comments

[MH00214]

回答ありがとうございます！

・一覧ページでoptionタグを動かした時点でlocalStorageに値をセットする
・詳細ページに遷移する（ここでもlocalStorageに値は保持されたまま）
・詳細ページからカテゴリボタンを押したらhistory.back() で戻り、この時にもlocalStorageに値は保持されたまま
のような実装イメージでしょうか？
あまりこのような実装をしたことがなく、少しアドバイスいただけますと幸いです。

[Jon_do]

値を記憶して、history.back() で戻った時に記憶した値を読み込む感じです。
ただ、これだけではブラウザを閉じた場合でも値が保持されたままですのでブラウザを閉じたら元に戻って欲しいのであればsessionStrageを使用する。
他には保存した値を削除する必要などもあるかと思います。

[Jon_do]

追記
保持したい値が重要なものである場合は
（住所や氏名など）Cookieを使用するべきだだそうです。

[MH00214]

ご丁寧にありがとうございます。localStorageを使って実装することはできました！
ページングもあとで追加になるみたいなので、Rails側でデータを絞り込んだりしながら実装を続けていきます。大変助かりました！

Answer 2

beforeunload時にcookieをセットすることは可能です
ただしcookie自体がライブラリを使わないとすこし面倒な更新方法です。
戻ってきたのか、全然別のページから飛んできたのか、
リロードやページ内リンクをどうするかなど仕様を決める必要があります

Comments

[MH00214]

そうですね、、上記の通りlocalStorageやerbファイルの中でRubyのコードを書いて最低限は実現できたんですが、リロードの時、あるいはURLを直打ちした時に問題が残るので、ライブラリ入れるしかないような気もしています…。

[yambejp]

ブラウザの仕組みを理解すれば、切り分けは意外に簡単です。
つまったら別途質問あげてください