Q&A
回答も、マークダウン記法のコードブロックが使用できるので、
使用しましょう。
タイトルの通りformをjavascriptで作成し、submitした際に新規ページにジャンプさせたくない、もっというとユーザーからはボタンを押されてもなにも反応がないように見えるようにしたいのですがどうすればよいかわかりません
以下試したプログラムです。
javascript
1function buttonstate(){ 2 var form = document.createElement("form"); 3 form.setAttribute("action" , "/buttonstate"); 4 form.setAttribute("method" , "POST"); 5 form.setAttribute("target" , "hiddeniframe"); 6 form.style.display = "none"; 7 document.body.appendChild(form); 8 form.submit(); 9 }
html
1<input type="button" onclick="window.buttonstate();" value="click"> 2
よろしくお願いします。
回答2件
0
submitした際に新規ページにジャンプさせたくない、もっというとユーザーからはボタンを押されてもなにも反応がないように見えるようにしたいのですが
できません。
formの仕様として、
submitさせてしまうと、必ずページ遷移が発生します。
押した際に、submitさせなければ、遷移が発生しませんが（return false;させるなどすれば）、
当然、action先に値などをsubmitさせることはできません、
通常は。
一応、formとiframeを使って、無理矢理やれなくもないですが、
裏技的な手法なため、推奨できるものではありません。
なので、
ページ遷移せずに、該当のページに値などを渡したいのであれば、
Ajaxや、Promise、fetchなどの、非同期通信処理を活用しましょう。
投稿2020/12/17 17:29
編集2020/12/19 19:15総合スコア9555
0
<script>
function buttonstate(){
var form = document.createElement("form");
form.setAttribute("action" , "/buttonstate");
form.setAttribute("method" , "POST");
form.setAttribute("target" , "f");
var iframe = document.createElement("iframe");
iframe.setAttribute("src" , "");
iframe.setAttribute("name" , "f");
iframe.style.display = "none";
document.body.append(form);
document.body.append(iframe);
form.submit();
}
</script>
<input type="button" onclick="window.buttonstate();" value="click">
投稿2020/12/17 16:01
退会済みユーザー
総合スコア0
それと、submit()メソッドを実行してしまうと、ページ遷移は起きてしまうので、
質問要件を満たすことはできません。
miyabiさん
submit()以外だとすればなにを使えばページを変えないかつ僕の質問要件を満たせるでしょうか、、
私の回答に記載していることをやってみましょう。
Ajaxや、Promise、fetchなどを使い、非同期通信処理を使う方法です。
フレームからリクエスト投げれると思います
> headerさん
あ、なるほど、そういうことか・・・。
ありがとうございます。
低評価は撤回しました。
かといって、あまり褒められた手法ではないので高評価はしませんでしたが。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/19 19:00
2020/12/19 19:07
2020/12/20 15:01
2020/12/20 18:00
2020/12/22 03:54