jQuery AJAX表单使用mail()PHP脚本发送电子邮件,但HTML表单中的POST数据未定义

jQuery AJAX表单使用mail()PHP脚本发送电子邮件,但HTML表单中的POST数据未定义,php,javascript,jquery,ajax,html,Php,Javascript,Jquery,Ajax,Html,谢谢你们抽出时间来看我,伙计们。我正在使用jQuery创建一个非常基本的AJAX联系人表单。电子邮件发送,但打开电子邮件时没有POST数据,因此我只获取PHP脚本中定义的字符串。在我手机的电子邮件客户端上,电子邮件的内容字面上是“未定义”。我尝试过添加不同类型的头数据,但没有效果,并且在PHP mail()函数中添加了许多变体 我非常愿意为一个简单的AJAX表单采用一个更简单的解决方案,因此提前感谢您提供的任何新方法 表格如下: PHP脚本(外部文件“email.PHP”): 您使用了错误的p

谢谢你们抽出时间来看我,伙计们。我正在使用jQuery创建一个非常基本的AJAX联系人表单。电子邮件发送,但打开电子邮件时没有POST数据,因此我只获取PHP脚本中定义的字符串。在我手机的电子邮件客户端上,电子邮件的内容字面上是“未定义”。我尝试过添加不同类型的头数据,但没有效果,并且在PHP mail()函数中添加了许多变体

我非常愿意为一个简单的AJAX表单采用一个更简单的解决方案,因此提前感谢您提供的任何新方法

表格如下:

PHP脚本(外部文件“email.PHP”):


您使用了错误的post参数:

    var dataString = 'name='+ name + '&email=' + email + '&text=' + text;
                      ^^^^-$_POST['name']
                                       ^^^^--$_POST['name']
                                      etc....

javascript/html ID与实际帖子无关,尤其是在构建自己的数据字符串时,并且不使用相同的ID。

无需创建查询字符串。只需将您的值放入一个对象中,jQuery就会为您处理其余的内容

var data = {
    name: $("#form_name").val(),
    email: $("#form_email").val(),
    message: $("#msg_text").val()
};
$.ajax({
    type: "POST",
    url: "email.php",
    data: data,
    success: function(){
        $('.success').fadeIn(1000);
    }
});
您的PHP脚本(外部文件“email.PHP”)应如下所示:

<?php
if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("j.andrew.sears@gmail.com", "51 Deep comment from" .$email, $message);
}
?>

如果使用了错误的参数名称,请尝试:

if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("j.andrew.sears@gmail.com", "51 Deep comment from" .$email, $message);
}

保持email.php代码不变,但替换此JavaScript代码:

 var name = $("#form_name").val();
        var email = $("#form_email").val();
        var text = $("#msg_text").val();
        var dataString = 'name='+ name + '&email=' + email + '&text=' + text;

        $.ajax({
            type: "POST",
            url: "email.php",
            data: dataString,
            success: function(){
            $('.success').fadeIn(1000);
            }
        });
为此:

    $.ajax({
        type: "POST",
        url: "email.php",
        data: $(form).serialize(),
        success: function(){
        $('.success').fadeIn(1000);
        }
    });
以便表单输入名称匹配。

您的代码应该是:

   <section id="right">
      <label for="form_msg">Message</label>
      <textarea name="form_msg" id="#msg_text"></textarea>
      <input id="submit" class="button" name="submit" type="submit" value="Send">
   </section>
PHP:

<?php
if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("email@gmail.com","My Subject:",$email,$message);
}
?>


非常感谢,这与数据哈希的结合非常有效!非常感谢,这与数据哈希的结合非常好!我使用了它,它工作得很好,与修改由EmCO和Garis定义的PHP脚本相结合。谢谢大家!非常感谢,这与数据哈希的结合非常好!将表单放在jQuery选择器的引号下
    $.ajax({
        type: "POST",
        url: "email.php",
        data: $(form).serialize(),
        success: function(){
        $('.success').fadeIn(1000);
        }
    });
   <section id="right">
      <label for="form_msg">Message</label>
      <textarea name="form_msg" id="#msg_text"></textarea>
      <input id="submit" class="button" name="submit" type="submit" value="Send">
   </section>
var data = {
    name: $("#form_name").val(),
    email: $("#form_email").val(),
    message: $("#msg_text").val()
};
$.ajax({
    type: "POST",
    url: "email.php",
    data: data,
    success: function(){
        $('.success').fadeIn(1000);
    }
});
<?php
if($_POST){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['text'];

//send email
    mail("email@gmail.com","My Subject:",$email,$message);
}
?>