AJAX 与表单提交

html
<form id="myForm">
  <!-- 表单元素 -->
  <input type="text" name="username" placeholder="用户名">
  <input type="password" name="password" placeholder="密码">
  <!-- 提交按钮 -->
  <button type="button" onclick="submitForm()">提交</button>
</form>
<script>
  function submitForm() {
    // 获取表单数据
    var formData = new FormData(document.getElementById("myForm"));
    // 创建Ajax对象
    var xhr = new XMLHttpRequest();
    // 配置Ajax请求
    xhr.open("POST", "submit.php", true);
    // 设置回调函数，处理响应
    xhr.onreadystatechange = function () {
      if (xhr.readyState == 4 && xhr.status == 200) {
        // 处理服务器响应
        console.log(xhr.responseText);
      }
    };
    // 发送Ajax请求
    xhr.send(formData);
  }
</script>