使用 .submit() 函数后无法多次提交 ajax 表单

Question

这是我的代码：

var onloadCallback = function() {	
	$( "#submit" ).each(function() {
        grecaptcha.render($( this ).attr('id'), {
            'sitekey' : '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
            'callback' : onsubmitforgotpass
        });
    });
};



function onsubmitforgotpass(token) {
  $(document).ready(function() {
    $("form.formajax").submit(function() {
      $.ajax({
        type: "POST",
        url: "admin/login/forgotpass.php",
        data: $("form.formajax").serialize(),
        cache: false,
        success: function(result) {
          $(".forgotpassresult").html(result);
          $(".forgotpassresult").css("opacity", "1");
        }
      });
      return false;
    });
    
    $("form.formajax").submit();
  });
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<form action="" method="post" class="formajax">
  <input type="text">
  <input type="submit" id="submit">
</form>

我无法多次提交此 ajax 表单。

可能是因为这两行：

$("form.formajax").submit(function() 和 $("form.formajax").submit();

如果我将这些行替换为 $("#submit").click(function() 和 $("#submit").click();

然后我可以多次提交表单。

无论如何要使用.submit(); 函数多次提交表单？ （它也会在我的代码的其他部分帮助我，所以我不想使用click();

Answer 1

嘿，请测试以下内容：

请删除操作

action="abc.com"

到

action=""

在按钮单击时添加 ajax 调用，如下例所示：

  $("#submit").click(function(e) {
  e.preventDefault();
  $.ajax({
    type: "POST",
    url: "admin/login/forgotpass.php",
    data: $("form.formajax").serialize(),
    cache: false,
    success: function(result) {
      $(".forgotpassresult").html(result);
      $(".forgotpassresult").css("opacity", "1");
    }
  });

});

});