如何使用AJAX将HTML表单文件传递给PHP

<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <input type="submit" value="提交">
</form>

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

  var formData = new FormData(this); // 创建一个FormData对象，用于存储表单数据
  var xhr = new XMLHttpRequest(); // 创建一个XMLHttpRequest对象

  xhr.open("POST", "process.php", true); // 配置AJAX请求，指定请求方法和处理请求的PHP文件

  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求完成且成功接收到响应时执行的回调函数
      console.log(xhr.responseText); // 在控制台输出服务器返回的响应数据
    }
  };

  xhr.send(formData); // 发送AJAX请求，将表单数据作为参数传递给PHP文件
});

<?php
$name = $_POST['name'];
$email = $_POST['email'];

// 执行其他操作，如将数据存储到数据库中

$response = "表单数据已成功接收并处理";
echo $response;
?>