javascript - 为什么 AJAX 被调用两次？

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 都会被调用两次。在我编译的 js 代码中没有找到这个 ajax 调用的其他副本，我在后端服务器中检查发现正在进行两个调用。

为了完全了解正在发生的事情，我还制作了一个视频，展示了操作中的错误。我的问题是为什么会发生这种情况，我该如何解决？