【rails】flashメソッドについて

Question

RubyonRailsのFlashの仕様について質問があります。

通常のflashメソッドの場合、以下の挙動では再表示されてしまうのでしょうか？

redirect_to :画面A, :flash => { :success => '投稿が完了しました。' }

①画面Aでflash表示
↓
②画面Bに遷移
↓
③ブラウザの戻るボタンをクリック
↓
④画面Aに戻る。そこで再度flashが表示されてしまう。

上記の場合、画面Aでflashが表示された後に、画面A自体を更新すると表示されなくなりますが、ブラウザの戻るボタンで画面Aに戻ってくる場合、再表示させない方法はないでしょうか？

Answer 1

「Flashが再表示される」という表現はあまり適切ではなく、正しく言えば「Flashが入ったページが、そのまま再表示される」ということになります。これはブラウザのキャッシュの問題で、Railsが再度表示しているわけではありません。

ということで、戻ったときにも消したいのなら、その処理を意図的に入れる必要があります。JavaScriptのonunloadにFlashを削除する処理を入れればいいでしょう。

Comments

[gogoackman3]

ありがとうございます！早速調べて以下のようなJSを実装しました。

導入箇所：画面Aのbody閉じタグの直前

window.onunload = function(){
var flash = document.getElementsByClassName('flash');
flash[0].parentNode.removeChild(flash[0]);
};

しかし、戻るボタンで戻っても、flashが削除されません。
onloadに切り替えて試すと、flashが表示されて即時消えるので、function内のコード自体は正しいと思います。
つまり、onunloadが正しく発火していないような気がするのですが、何か誤っていますでしょうか？

[gogoackman3]

ちょっとjqueryで書き直して、以下でsafariだと正常に動いたのですが、chromeだと
画面Aを離れる直前にremove自体は正しく発火し削除出来ているものの、画面Bから画面Aに戻った際に、flash用のdivが復活してしまいます。というところまでは確認できました。

$(window).on('beforeunload', function(e) {
$('.flash').remove();
});

[gogoackman3]

以下のサイトにそれっぽい記述がありました・・・。

http://affiliate.ks-product.com/safari-firefox-browser-back-rollover/

実はSafariやFirefoxはスクリプトが実行完了した状態をキャッシュしていてそれを再現しています。IEやChromeがページのみをキャッシュしているのに対し、SafariやFirefoxはスクリプトの実行結果込みでキャッシュしてしまっているんですね。