ajax阻止表单提交

当使用Ajax技术时，可以通过阻止表单默认提交行为来实现异步提交。以下是一种常见的方法来阻止表单提交：

1. 使用event.preventDefault()方法：在表单的提交事件中，可以使用event.preventDefault()方法来阻止表单的默认提交行为。这样可以阻止页面的刷新，并且可以使用Ajax来发送表单数据。

示例代码如下：

// HTML
<form id="myForm">
  <!-- 表单内容 -->
  <input type="submit" value="提交" id="submitBtn">
</form>

// JavaScript
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为

  // 使用Ajax发送表单数据
  var formData = new FormData(this);
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "your-url", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功后的处理逻辑
    }
  };
  xhr.send(formData);
});