使用Ajax/XMLhttprequest将数据发送到带邮件功能的php文件

<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <textarea name="message" placeholder="消息"></textarea>
  <button type="submit">提交</button>
</form>

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

  var formData = new FormData(form); // 创建FormData对象，将表单数据添加到其中

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "send_email.php", true); // 设置请求方法、URL和异步标志

  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 请求完成且成功
      console.log(xhr.responseText); // 可以在控制台输出响应结果
    }
  };

  xhr.send(formData); // 发送请求
});

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

$to = "recipient@example.com";
$subject = "新消息";
$body = "姓名: $name\n邮箱: $email\n消息: $message";

$headers = "From: sender@example.com\r\n";
$headers .= "Reply-To: $email\r\n";

if (mail($to, $subject, $body, $headers)) {
  echo "邮件发送成功";
} else {
  echo "邮件发送失败";
}
?>