javascript - AJAX が 2 回呼び出されるのはなぜですか?

Question

解決済み: この問題は、ボタン イベントが送信ボタンでもあったため、解決済みの問題に変更されましたtype="button"。みんなの助けに感謝します。

サーバーに対して AJAX 呼び出しを行っています...

$(document).ready(function() {
  $(".invite-members-submit-btn").one("click", function() {
    alert("alert number one");
    $.post("invite_team_member", {
      token: $("#token").val(),
      email: $("#email").val(),
      team: $("#team").val()
    },"json")
      .done(function (responseText) {
        alert("alert number two");

        $(".invite-result").html(responseText.response);

        alert("alert number three");
      });
  });
});

ただし、メンバーの招待ボタンをクリックするたびに、ajax が 2 回呼び出されます。コンパイルした js コードには、この ajax 呼び出しの他のコピーはありません。バックエンド サーバーをチェックインして、2 つの呼び出しが行われていることを確認しました。

何が起こっているのかを完全に理解するために、エラーの動作を示すビデオも作成しました。私の質問は、なぜこれが起こっているのか、どうすれば修正できるのでしょうか?