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

Posted 2023-03-05

【中文标题】使用 mail() PHP 脚本的 jQuery AJAX 表单发送电子邮件，但来自 HTML 表单的 POST 数据未定义

【英文标题】：jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined

【发布时间】：2013-02-24 09:06:45

【问题描述】：

感谢您抽出宝贵时间查看，伙计们。我正在使用 jQuery 创建一个非常基本的 AJAX 联系表单。电子邮件发送，但在打开电子邮件时没有 POST 数据，所以我只得到我在 php 脚本中定义的字符串。在我手机的电子邮件客户端上，电子邮件的内容字面意思是“未定义”。我尝试添加不同类型的标头数据无济于事，以及 PHP mail() 函数的许多变体。

我非常愿意为简单的 AJAX 表单采用更简单的解决方案，因此在此先感谢您提供的任何新方法。

这是表格：

   <section id="left">
      <label for="form_name">Name</label>
      <input name="form_name" id="form_name" type="text" >

      <label for="form_email">Email</label>
      <input name="form_email" id="form_email" type="email" >
   </section>

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

</form>

jQuery AJAX：

$(function() 
    $("#contact .button").click(function() 
        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);
            
        );

        return false;
    );
);

PHP 脚本（外部文件“email.php”）：

<?php
if($_POST)
    $name = $_POST['form_name'];
    $email = $_POST['form_email'];
    $message = $_POST['form_msg'];

//send email
    mail("[e-mail]", "This is an email from:" .$email, $message);

?>

【参考方案1】：

您使用了错误的帖子参数：

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

javascript/html ID 与实际的 POST 无关，尤其是当您构建自己的数据字符串并且不使用相同的 ID 时。

【讨论】：

非常感谢，这与数据哈希相结合效果很好！

【参考方案2】：

无需创建查询字符串。只需将您的值放入一个对象中，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);
    
);

【讨论】：

我使用了它，它与 EmCO 和 Garis 定义的更改我的 PHP 脚本相结合，效果很好。谢谢大家！

【参考方案3】：

您的 PHP 脚本（外部文件“email.php”）应如下所示：

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

//send email
    mail("[e-mail]", "51 Deep comment from" .$email, $message);

?>

【讨论】：

非常感谢，这与数据哈希相结合效果很好！

【参考方案4】：

你使用了错误的参数名称，试试：

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

//send email
    mail("[e-mail]", "51 Deep comment from" .$email, $message);

【讨论】：

非常感谢，这与数据哈希相结合效果很好！

【参考方案5】：

保留您的 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);
        
    );

以便您的表单输入名称匹配。

【讨论】：

在 jQuery 选择器中将表单放在引号下

【参考方案6】：

你的代码应该是：

   <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>

Js

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：

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

//send email
    mail("[e-mail]","My Subject:",$email,$message);

?>