ブラウザの戻るボタンの遷移が思うように行かず悩んでいます

Question

ブラウザの戻るボタンの遷移が思うように行かず悩んでいます。

■悩んでいることは
ページA： 入力フィールドとボタン の構成
ページB： こちらからは制御できない外部ページ

1. ページAで「ボタン」押下、サーバーへPOST。
2. サーバー側で入力チェックを実施し、エラーのなのでエラーメッセージをセッションに格納してページAを呼ぶ。
3. ページAはセッションに設定されたエラーメッセージがあるので、ポップアップメッセージを出しセッションをクリアする。
4. ポップアップメッセージを「OK」押下で消す。
5. ページAからaタグでページBに遷移。
6. ページBでブラウザの戻るボタンでページAに戻る
7. ポップアップメッセージが表示されたページAが表示されてしまう

・jsp 
//セッションがあれば「id="Msg" value=”エラーメッセージ”」とする
//セッションは空となる
<input type="hidden" id="Msg" value="<%=tool.popSession()%>">

・jquery
//MsgにValueがある場合はポップアップ
if ($("#Msg").val() != "") {
  errorDialog($("#Msg").val(), function() {});
  $("#Msg").val(””); 
}

ページBからページAに遷移した直後、Msgにエラーメッセージが設定された(元に戻った)状態であることは確認できています。
キャッシュの問題でしょうか？

Answer 1

• ブラウザバックした時に input要素のvalueにエラーメッセージが入っている。
• JSのロジックがinput#Msgにエラーメッセージが入っているときにアラートを出すように設定されている。

なので、ブラウザバックで戻った時にJSが再実行されてアラートが出てしまっているだけだと思います。
ブラウザにキャッシュされるのはJS実行前のHTML要素の状態だと思うので、ロード時にアラート表示処理の後、valueを書き換えたとしても意味がないかもしれません。

何らかの例外処理を作り、アラートを出す処理の前に中断処理を入れたりしないとダメかなと思いました。

Comments

[sunchan1107]

ご回答ありがとうございます。
状況を整理する事ができました。