什么原因导致收到空电子邮件？ (AJAX PHP)

Question

我想使用 JavaScript AJAX 和 PHP 为网站创建联系表单。 以前版本的表单工作正常，它只使用 PHP。 我想包含 AJAX 以确保在提交表单时页面不会重新加载。

我的问题是：当我使用 Ajax 请求运行 JS 脚本时，我收到一封空电子邮件。 如果我排除 JS 脚本，我会收到格式正确的电子邮件。

为了将相关信息发送给电子邮件收件人，我的 AJAX 请求需要更改哪些内容？

const contactForm = document.addEventListener('DOMContentLoaded', function() {
    document.addEventListener("submit", function(e) {
        e.preventDefault();

        const formData = document.getElementById('contact-form');
        let data = new FormData(formData);

        const xhr = new XMLHttpRequest();
        xhr.open('POST', "contactform.php", true);
        xhr.setRequestHeader('Content-type', "application/x-www-form-urlencoded");
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                document.getElementById('contact-form').reset();
                document.querySelector('.response').innerHTML = '<p class="alert alert-success">Bedankt voor uw bericht. Wij nemen zo snel mogelijk contact met u op.</p>';
            } else {
                document.querySelector('.response').innerHTML = '<p class="alert alert-danger">Er is iets misgegaan.</p>';
            }
        };
        xhr.send(data);
    })
})

<?php
    $assignmentchoice = $_POST['assignmentchoice'];
    $projectchoice = $_POST['projectchoice'];
    $name = $_POST['name'];
    $lastname = $_POST['lastname'];
    $email = $_POST['email'];
    $phonenumber = $_POST['phonenumber'];
    $address = $_POST['address'];
    $zipcode = $_POST['zipcode'];
    $message = $_POST['message'];
    $email_body = "";

    if(isset($_POST['assignmentchoice'])) {
        $assignmentchoice = filter_var($_POST['assignmentchoice'], FILTER_SANITIZE_STRING);
        $email_body .= "Opdracht: ".$assignmentchoice."\r\n";
    }

    if(isset($_POST['projectchoice'])) {
        $projectchoice = filter_var($_POST['projectchoice'], FILTER_SANITIZE_STRING);
        $email_body .= "Project: ".$projectchoice."\r\n";
    }

    if(isset($_POST['name'])) {
        $name = filter_var($_POST['name'], FILTER_SANITIZE_STRING);
        $email_body .= "Voornaam: ".$name."\r\n";
    }

    if(isset($_POST['lastname'])) {
        $lastname = filter_var($_POST['lastname'], FILTER_SANITIZE_STRING);
        $email_body .= "Achternaam: ".$lastname."\r\n";
    }

    if(isset($_POST['email'])) {
        $visitor_email = str_replace(array("\r", "\n", "%0a", "%0d"), '', $_POST['email']);
        $visitor_email = filter_var($email, FILTER_VALIDATE_EMAIL);
        $email_body .= "Email adres: ".$email."\r\n";
    }
      
    if(isset($_POST['phonenumber'])) {
        $phonenumber = filter_var($_POST['phonenumber'], FILTER_SANITIZE_NUMBER_INT);
        $email_body .= "Telefoonnummer: ".$phonenumber."\r\n";
    }
      
    if(isset($_POST['address'])) {
        $address = filter_var($_POST['address'], FILTER_SANITIZE_STRING);
        $email_body .= "Adres locatie: ".$address."\r\n";
    }

    if(isset($_POST['zipcode'])) {
        $zipcode = filter_var($_POST['zipcode'], FILTER_SANITIZE_STRING);
        $email_body .= "Postcode: ".$zipcode."\r\n";
    }
      
    if(isset($_POST['message'])) {
        $message = htmlspecialchars($_POST['message']);
        $email_body .= "Bericht: ".$message."\r\n";
    }

    $to = "info@vanadrichembouwadvies.nl";
    $subject = "U heeft een nieuw bericht!";
    $message = $email_body;

    $header = "From:" . $from . "\r\n";
    $header .= 'MIME-Version: 1.0' . "\r\n";
    $header .= 'Content-type: text/html; charset=utf-8' . "\r\n";

    mail($to, $subject, $message);

?>

Answer 1

不要设置内容类型请求头，首先是application/x-www-form-urlencoded不正确。 FormData 对象使用 multipart/form-data 内容类型。 其次，您无法手动正确设置此内容类型，如果您将其留空，浏览器将为您设置正确的边界。