为什么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调用的其他副本，我检查了后端服务器，发现正在进行两次调用。

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