Chromeフォームが何度もフォームを送信してしまう問題の解決方法_JavaScriptスキル

今日、Chrome を使用してフォームを送信したときに、奇妙な問題が見つかりました:

コードをコピー コードは次のとおりです:

//フォームを送信します
document.frmOrder.action = 'http://www.abc.com/d.aspx';
document.frmOrder.method = 'POST'; 🎜>document.frmOrder .target = '_blank';
document.frmOrder.submit();

最初の送信は問題ありませんが、2 回目の送信では応答がありません。送信する前にページをリロードする必要がありますが、この問題は Firefox および IE では発生しません。
すぐに Google で調べたところ、これは Webkit コア ブラウザーの一般的な機能であり、フォームが繰り返し送信されるのを防ぐために行われていることがわかりました。

解決策も非常に簡単で、送信ボタンに onclick イベント応答を追加し、フォームのアクション値に不要なパラメータを追加して、フォームの応答アドレスを変更するだけです。

具体的な実装方法:

コードをコピー コードは次のとおりです:

// フォームを送信
document.frmOrder.action = 'http://www.abc.com/d.aspx?r=' Math.random();
document.frmOrder.method = 'POST' ;
document.frmOrder.target = '_blank'
document.frmOrder.submit();