More than 3 years have passed since last update.

【Rails】戻るボタンの実装方法【複数ページ戻ることも可能】

Last updated at 2020-05-21Posted at 2019-08-31

こんにちは！
ねこじょーかー（@nekojoker1234）と申します。

前のページに戻るボタン、付けたいと思ったことはありませんか？

「rails　戻るボタン」とかで調べると出てくるのが、以下の処理です。

= link_to '戻る', :back

これは、1ページだけ戻る場合は上記で問題ないのですが、複数ページ戻る場合、ループしてしまう問題があります。

たとえば、以下の操作を見てみましょう。

上記の操作をしたあと、「1. 投稿一覧を見る」に戻りたいとします。

戻るボタンを押すと、「2. Aさんの投稿の詳細を見る」まで戻ることができるのですが、もう一度戻るボタンを押すと、「3. Aさんのプロフィールを見る」に戻ってしまいます。

つまり、= link_to '戻る', :backというのは、「一つ前に表示していた画面に戻る」という機能でしかありません。

したがって、複数ページ前に戻ろうとしても、２つのページをぐるぐるループしてしまうようになります。
（３→２→３→２→・・・）

ではどうすればいいのかというと、以下のように書きます。

= link_to '戻る', 'javascript:history.back()'

上記の処理を書くことで、複数ページ前に戻ることが可能になります。
このボタンを先ほどの１〜３のページに置いておけば、「３→２→１」のように戻るようになるので、ぜひお試しください！

##まとめ

あわせて読みたい