概要
以下ソースコードでiframeに対してsubmitした場合、1回目は想定通りiframe内にsubmitした結果が表示されます。
画面をリロードせずに再度iframeに対してsubmitした場合、iframe内が更新されず別ウインドウでsubmitしたページが表示されてしまいます。
解決したいこと
2回目以降もiframe内に対してsubmitした結果を表示したいです。
判明していること:
iframe内に表示されているページのドメインと親ページのドメインが同じ場合、問題は発生しない
iframe内に表示されているページのドメインが親ページのドメインと違う場合、別ウインドウで表示されてしまう
chrome、safari、で事象を確認した
以上、ご教示お願いいたします
html
1<iframe id="iframeId" name="iframeName"></iframe> 2<button type="button" onClick="doSubmitIframe();">送信</button> 3<form method="post" target="iframeName" name="formName"> 4 <input type="hidden" name="dummy"> 5</form> 6<script> 7function doSubmitIframe() { 8 document.formName.action = "https://実行中のページとは別のドメインのページ"; 9 document.formName.submit(); 10} 11</script>
あなたの回答
tips
プレビュー