画面遷移後の初期表示として、modalの表示ができない

Question

実現したいこと

指定のボタンタグを押したとき、hiddenで指定したフィールド値に値を入れ、画面遷移をする
hiddenで指定したフィールド値によってモーダルの表示と非表示を行いたい
フィールド値modalFlg=1 :モーダルの表示
フィールド値modalFlg=1以外 :モーダルの非表示

発生している問題・分からないこと

バックエンド処理→フロントエンド処理の順で処理が行われるが、エラーの発生は無しでモーダルの表示ができない状態

java,html,javascriptを使用

エラーメッセージ

エラーメッセージは無し

該当のソースコード

    check = courseHistoryService.check(result);
    if (check.hasErrors()) {
        form.setModalFlg(1);
        errorFieldUtil.assembleFieldError(model, check);
        
        return "1510";
      //return "redirect:/member/courseHistory";
    }
	return "redirect:/member/courseHistory2";
}
}

<button type="submit" class="operation back gray" data-dismiss="modal" onClick="hideModal()">戻る</button>


<div class="modal fade" th:if="${form.modalFlg != null}" id="modal-1" tabindex="-1" role="dialog">
                                <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <h2>試験結果照会は利用できません。</h2>
                                            <div class="d-md-flex justify-content-md-center vertical flex-wrap">                            
                                                <div class="order-lg-0">
                                                <button type="submit" class="operation back gray" data-dismiss="modal" onClick="hideModal()">戻る</button>
                                                </div>
                                            </div>
                                    </div>
                                </div>
                            </div>

function hideModal() {
    $("#modalFlg").val("");
}

$(document).ready(function() {
    if($("#modalFlg").val() === "1") {
            $("#modal-1").modal("show");
            }
});

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

検索では特に手掛かりは見つからなかった。
同じ作業ソース内にある類似のソースを参考にして作成した。

補足

fw: spring Tool Suite

Comments

[yambejp]

jqueryで処理していますか？モーダルならjquery-uiの標準機能ですが、いまはjsのdialogの方が楽だと思いますが・・・

[sa_ku_ra]

$(document).ready(function() {
$("#modal-1").modal("show");
});

上記ならば画面初期表示時にモーダルは表示されるのでしょうか？
$("#modalFlg")という要素がhtml上に見当たらないですが、hidden要素か何かでしょうか？

$("#modal-1").modal("show");
を通っているが出ないのか、そもそも通っていないかで回答が変わってくるように思います。

Answer 1

javaはともかくjsで処理するならこんな感じ

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  const usp=new URLSearchParams(location.search);
  modalFlg.value=usp.get('modalFlg');
  if(modalFlg.value=="1"){
    dlg.showModal();
  }
});
</script>
<form>
<input name="modalFlg" id="modalFlg">
<input type="submit" value="1" onclick="modalFlg.value=1">
<input type="submit" value="2" onclick="modalFlg.value=2">
</form>
<dialog id="dlg">
modal
<hr>
<input type="button" value="ok" onclick="dlg.close()">
</dialog>