JavaScript - js フォームの Ajax 送信が重複して表示される

Question

以前、Ajax 送信フォームで問題が発生しました。FormData を使用していましたが、送信はエラー メソッド ブロックに直接移動していました。前のクラスメートの意見を聞いた後、<button> を <input type= に変更しました。 "button"/ > 解決策はわかりましたが、理解できません。誰かが解決を手伝ってくれることを願っています (<button> または <input type="button"/> を使用するかどうかに関係なく)。違いは、<button> を使用すると、バックグラウンドでデータを受信するときに直接エラー ブロックに入るのに対し、<input type="button"/> を使用すると、バックグラウンドで正常に実行されて戻ることができます。問題ありません）、コードは以下に掲載されています

フォームフォーム

リーリー

jsコード

リーリー

Answer 1

次の 2 つのタグはフォームを自動的に送信します:
<button>
<input type="submit">

次のタグはフォームを自動的に送信しません:
<input type="button">

最初の 2 つを使用すると、ブラウザ自体が一度送信するのに役立ち、コードが再度送信されます $("#submit_btn").on("click",function(){
それが繰り返されます。

Answer 2

<button>标签当成<form>中的input要素を入れないでください。

HTML フォームで button 要素を使用する場合、ブラウザごとに異なる値が送信されます。 Internet Explorer は <button> と <button/> の間のテキストを送信しますが、他のブラウザは value 属性の内容を送信します

Answer 3

これを回避するには、button を使用して type=button を指定します