AJAX 联系表 - 无法正常工作

Question

我在我的网站上创建了一个简单的 AJAX、Jquery、PHP 联系表单，其中包含输入：姓名、电子邮件和消息。问题是，当您将实际电子邮件写入电子邮件字段时，消息永远不会到达我的收件箱。仅当电子邮件输入字段包含 1 个不带 @ 符号的单词时才有效。

我的 HTML：

<p class="form">Name</p>
<input type="text" name="userName" id="userName">
<p class="form">Email</p>
<input id="userEmail" type="email" name="userEmail">
<p class="form">Message</p>
<textarea id="msg" name="msg"></textarea><button onClick="sendContact();"></button>

我的 JavaScript：

function sendContact() {

    jQuery.ajax({
        url: "contact_me.php",
        data:'userName='+$("#userName").val()+'&userEmail='+
        $("#userEmail").val()+'&msg='+
        $("#msg").val(),
        type: "POST",
        success:function(){
            sendSuccess();
        },
        error:function (){}
    });
};

我的 PHP：

<?php
$to = "dusset@gmail.com";
$from = $_POST['userEmail'];
$name = $_POST['userName'];
$subject = $name . "has sent you a message from .design";
$message = $name . " wrote the following:" . "\n\n" . $_POST['msg'];
$headers = "From:" . $from;

mail($to,$subject,$message,$headers);?>

您知道可能是什么问题吗？

Answer 1

尝试更改将 数据 传递给 Ajax 的方式。一个例子：

function sendContact() {
    jQuery.ajax({
        url: "contact_me.php",
        data: { userName: $("#userName").val(), userEmail: $("#userEmail").val(), msg:  $("#msg").val()},
        type: "POST",
        success:function(){
            sendSuccess();
        },
        error:function (){}
    });
};