Javascript HTML表单数据未发布到PHP页面

<form action="process.php" method="post">
  <!-- 表单内容 -->
</form>

<input type="text" name="name" placeholder="姓名">
<input type="email" name="email" placeholder="邮箱">

<script>
document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  
  // 获取表单数据
  var name = document.querySelector('input[name="name"]').value;
  var email = document.querySelector('input[name="email"]').value;
  
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 设置请求方式和URL
  xhr.open('POST', 'process.php', true);
  
  // 设置请求头部信息
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  
  // 发送表单数据
  xhr.send('name=' + encodeURIComponent(name) + '&email=' + encodeURIComponent(email));
  
  // 处理响应结果
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 请求成功
        console.log(xhr.responseText);
      } else {
        // 请求失败
        console.error('请求失败');
      }
    }
  };
});
</script>

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

// 对数据进行处理
// ...

// 返回响应结果
echo '处理成功';
?>