ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 ページ遷移しない拍手送信 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 かな iPhone ページ遷移しない拍手送信ボタンを作りたいのですがうまく行きません 拍手は使えないのかなと思ってメールも試してみましたが、こちらも普通にページ移動してしまいます わかる方教えて頂きたいです html <form id="form" action="自分の拍手URL" method="post"> <input type="submit" value="送信する" id="submit-button"> </form> css <script> const submitButton = document.querySelector('#submit-button'); const form = document.querySelector('#form'); form.addEventListener('submit', (event) => { event.stopPropagation(); event.preventDefault(); const formData = new FormData(form); const options = { method: 'POST', body: formData, } const url = form.getAttribute('action'); fetch(url, options); }); </script> 01/30 06:31 返信 コメント投稿 検索 3 藤 iPad >>2 これで大丈夫ですか!あああ良かったです!! 素敵なサイトにしてください! 01/31 22:46 返信 2 かな iPhone >>1 ありがとうございます!!!本当に理想の形になってくれました! クリック後の変化のコード、押したことがわかるようになっててすごく助かりました!本当に感謝です! 知らないコードがまだまだいっぱいあって、教えて貰えて嬉しいです! お助け頂き、本当に本当にありがとうございました!! 1 01/31 22:08 返信 1 藤 iPad そこまで詳しくないので完璧な回答はできないのですが、同じくどうやってもできずにいた時、submitボタンを使わない方法にしたら動きました。 自分でも理解しきれていない部分があるので、ご参考程度に。 html // formにonclickの発火を追加、submitボタンではなくaタグに変更 // inputタグでvalueを送らないといいねが来なかったので追加しましたが、なんでなのかわかりません <form id="form" action="自分の拍手URL" method="post" onclick="iine()"> <input type="hidden" name="message" value="dummy"> <a id="submit-button">送信する</a> </form> head // onclickで発火させる形にしたため、不要になった何行かコメントアウトしています <script> function iine(){ const submitButton = document.querySelector('#submit-button'); const form = document.querySelector('#form'); //form.addEventListener('submit', (event) => { //event.stopPropagation(); //event.preventDefault(); const formData = new FormData(form); const options = { method: 'POST', body: formData, } const url = form.getAttribute('action'); fetch(url, options); } //); </script> 私の環境で試したところこれで動きましたが、いかがでしょうか。 ちなみに、fetchの後に以下を入れると、「送信する」のリンク文字がクリック後変化するので面白いかもしれません。 submitButton.innerHTML = "ありがとう"; ご参考になれば幸いです。 1 01/31 19:35 返信 1ページ中1ページ目 169 view 残り書き込み 9997 件 人気スレ 更新できなくて、困っています 2019年11月07日 19時38分 13 拍手コメント 2020年11月17日 09時05分 5 名前変換がうまくできません 2022年02月07日 21時23分 2 名前変換のURLが載せられない 2020年03月10日 22時45分 4 関連スレ ページが一斉に上書きされてしまいました 2024年03月30日 10時13分 1 ユーザー助け合い掲示板 ホームページのデザインについて教えて下さい 2023年09月28日 21時21分 3 ユーザー助け合い掲示板 ホームページデザインについて 2023年09月14日 16時22分 1 ユーザー助け合い掲示板 広告がページの途中に挟まれる 2023年09月02日 21時40分 5 ユーザー助け合い掲示板 ページリストレイアウトについて 2023年05月31日 09時57分 7 ユーザー助け合い掲示板 掲示板TOPへ サイトTOPへ ALICE+サポート