Q&A
XMLHttpRequest や fetch でサーバーに情報を送るように検討いたします。ありがとうございます。
ページを開いて数秒後に、下記のようなform を一度だけ自動で同じページ内にsubmmitしたいと思い、setTimeoutでプログラムしましたが、繰り返しsubmitされてしまいます。
javascript
1 2【newinfo.js】 3 4function newinfo () { 5document.update1.submit(); 6} 7setTimeout(newinfo,10000);
HTML
1<HEAD> 2<script type="text/javascript" charset="UTF-8" src="./newinfo.js"></script> 3</HEAD> 4 5<略> 6 7<FORM action="" name="update1" method="post" > //同じページ内にsubmit 8<input type="hidden" name="new_info" value="更新"> 9</FORM> 10
ループを止めようと,下記のようにsetIntervalとsetTimeoutを組み合わせてプログラムしましたが、繰り返しsubmitされてしまいます。
javascript
1【newinfo.js】 2 3var setIV = setInterval(newinfo,10000); 4 5function newinfo () { 6document.update1.submit(); 7} 8 9function stop_newinfo() { 10clearInterval(setIV); 11} 12 13setTimeout(stop_newinfo,15000);
HTML
1<HEAD> 2<script type="text/javascript" charset="UTF-8" src="./newinfo.js"></script> 3</HEAD> 4 5<略> 6 7<FORM action="" name="update1" method="post" > //同じページ内にsubmit 8<input type="hidden" name="new_info" value="更新"> 9</FORM> 10
一度だけsubumitできるようにするにはどのようにしたらよいでしょうか？
ご指導いただけるよう、宜しくお願いいたします。
回答2件
0
ベストアンサー
submit すると、サーバ側がまったく同じページを返してくるようにサーバ側が作られているのではないですか？すると、 setTimeout がもう一度実行されるので、繰り返して当然です。
setTimeout で情報を送信後、ページの内容がまったく変化しなくていいようなアプリを開発されているのであれば、 form の submit ではなく、 XMLHttpRequest や fetch などで、 サーバに情報を送ったほうが良いと思います。
投稿2017/07/26 13:02
編集2017/07/26 13:04
総合スコア3401
0
submitするとページが移動するため、なんらかパラメータを渡してそれがあれば止めるように設計するか、localStorage とかデータを保持できるものを使って「1回だけ」に制限してみてはいかがでしょうか。
【Window.localStorage - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/localStorage
投稿2017/07/26 09:22
総合スコア69400
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/26 14:10