使用PHPMailer发送电子邮件后，在同一页面上显示成功/失败消息，而无需重新加载或重定向页面

<!-- 邮件发送表单 -->
<form method="post" action="send_email.php">
  <input type="text" name="recipient" placeholder="收件人">
  <input type="text" name="subject" placeholder="主题">
  <textarea name="content" placeholder="内容"></textarea>
  <input type="submit" value="发送邮件">
</form>

<!-- 用于显示成功/失败消息的容器 -->
<div id="message"></div>

<script>
  // 使用AJAX提交表单并处理响应
  var form = document.querySelector('form');
  form.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'send_email.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
          // 根据响应结果显示成功/失败消息
          var messageContainer = document.getElementById('message');
          if (xhr.responseText === 'success') {
            messageContainer.textContent = '邮件发送成功';
          } else {
            messageContainer.textContent = '邮件发送失败';
          }
        } else {
          console.error('邮件发送请求失败');
        }
      }
    };
    xhr.send(new FormData(form));
  });
</script>