JS表单提交的方法有哪些

站长知名站长

JS表单提交的方法有以下几种常见的方式：使用form元素的submit()方法、使用AJAX进行异步提交以及使用fetch API进行异步提交。

使用form元素的submit()方法：
可以通过调用form元素的submit()方法来提交表单。该方法将触发表单的submit事件，让浏览器执行表单的默认提交行为。

代码示例：

<form id="myForm" action="submit.php" method="POST">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <input type="submit" value="提交" />
</form>

<script>
  const form = document.querySelector(\'#myForm\');
  form.addEventListener(\'submit\', (e) => {
    e.preventDefault(); // 阻止表单的默认提交行为
    // 进行表单验证
    // ...
    // 提交表单
    form.submit();
  });
</script>

给TA打赏