teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

fetch

2021/05/21 07:17

投稿

yambejp
yambejp

スコア117902

answer CHANGED
@@ -5,4 +5,20 @@
5
5
 
6
6
  サブミット時にcookieにスクロール位置を入れて
7
7
  ロード時にスクロールをするということもないことはないですが
8
- あまり効率的ではありません
8
+ あまり効率的ではありません
9
+
10
+ # 参考
11
+ ```PHP
12
+ <script>
13
+ window.addEventListener('DOMContentLoaded', ()=>{
14
+ document.querySelector('form').addEventListener('submit',e=>{
15
+ e.preventDefault();
16
+ fetch('api.php',{method:'post',body:new FormData(e.target)}).then(res=>res.text()).then(console.log);
17
+ });
18
+ });
19
+ </script>
20
+ <form method="post">
21
+ <input type="text" name="hoge" value="123">
22
+ <input type="submit" value="send">
23
+ </form>
24
+ ```