html 输入类型提交通常在单击时重新加载页面。此片段使输入不重新加载页面以便进行ajax调用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 输入类型提交通常在单击时重新加载页面。此片段使输入不重新加载页面以便进行ajax调用相关的知识,希望对你有一定的参考价值。

<form id="fk-login-form">
  <input id="fk-email-input" type="email" />
  <input id="fk-password-input" type="password" />
  <input type="submit" />  
</form>

<script>
    var initiateLogin = function() {
      
    // Add handler to submit event
    $("#fk-login-form").submit(function(e) {
      let username = $("#fk-email-input").val();
      let password = $("#fk-password-input").val();
      login(username, password);
      
      // Stop the from from reloading the page
      return false;
    });
  }
</script>

以上是关于html 输入类型提交通常在单击时重新加载页面。此片段使输入不重新加载页面以便进行ajax调用的主要内容,如果未能解决你的问题,请参考以下文章

html 如何通过重新加载页面来停止输入类型提交

如何避免在php表单提交中重新加载页面

在浏览器后退按钮上自动重新加载POST请求

反应:单击锚标记以进行滚动时停止页面重新加载

reactjs preventDefault() 不会阻止表单提交时页面重新加载

单击按钮Javascript,HTML时页面重新加载