使用.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();多次提交表单.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");
    }
  });

});

}）;