javascript - 发送包含从 ajax 请求检索到的数据的电子邮件

Question

我正在尝试从单击按钮时的文本字段检索信息并将数据发送到 mail@example.com:

$(document).ready(function() {
    $("#submit").click(function() {
        var email = $("#email").val();
        var name = $("#Name").val();
        var subject = $("#Subject").val();
        var text = $("#textarea").val();
        var telephone = $("#tel").val();
        var varData = "email : " + email + "name : " + name + "subject : " + subject + "text : " + text + "telephone : " + telephone;
        console.log(varData);

        $.ajax({
            type: "POST",
            url: 'sendPHP.php',
            data: varData,
            success: function() {
                alert("message sent");
            }
        });
    });
});

sendPHP.php :

<?php 
  $to = 'mail@example.com';
  $name = $_POST['email'];
  and so on ..
  ..
  ..
  mail(mail@example.com, name, (here goes email, name, subject, textarea, tel) as message in new lines);
    and somewhere i have to write from what emial im sending to example@gmail.com and what is it's password i guess
?>

Answer 1

虽然目前还不清楚您到底关心什么，但我对您的流程有一些想法。

1 - 您正在将数据作为字符串发送到 php 文件，这是不推荐的，并且可能会给您带来问题。我确实见过两种通过 post 向服务器发送数据的方法:A)将数据存储在表单中并使用 jQuery 的 $().serialize() 函数，或者 B) 将数据存储在 JSON 对象中并以这种方式发送.

选项 B 是我的首选方法，因为 JSON 简化了一切。它的优点是您的数据已经存储为键/值对，并且 PHP 使使用 json_decode 函数处理 JSON 变得非常容易。让我们对现有代码进行一些更改:

$(document).ready(function() {
$("#submit").click(function() {
    var email = $("#email").val();
    var name = $("#Name").val();
    var subject = $("#Subject").val();
    var text = $("#textarea").val();
    var telephone = $("#tel").val();
    var varData = {
                     "email"      : email , 
                     "name"       : name, 
                     "subject"    : subject, 
                     "text"       : text ,
                     "telephone"  : telephone
                   } //This is your data in JSON form

    console.log(varData);

    $.ajax({
        type: "POST",
        url: 'sendPHP.php',
        data: JSON.stringifiy(varData), //Notice that I added JSON.stringify
        success: function() {
            alert("message sent");
        }
    });
});

});

现在我将向您展示如何在 PHP 中处理这个问题 - 实际上非常简单。

第 1 步 - 将此 JSON 对象转换为关联数组，以便于使用:

$input = json_decode(file_get_contents('php://input'), true);

现在我们有一个名为 $input 的变量，它是一个包含所有邮件数据的关联数组 - 让我们设置您需要的变量。

$email      = $input['email']; //Notice string in brackets is JSON key
$name       = $input['name'];
$subject    = $input['subject'];
$text       = $input['text'];
$telephone  = $input['telephone'];

好吧，酷 - 您从前端收集的所有数据现在都可以在后端使用。所以看起来您正在使用 PHP 提供的内置 mail() 函数。我强烈建议使用库来实现此目的，因为它们通常更加可靠和冗长。我最喜欢的是 PHPMailer - 这是他们的 github 页面的链接 https://github.com/PHPMailer/PHPMailer .

如果您想使用该库，过程很简单。

首先，在脚本中包含自动加载器文件

<?php
    require('PHPMailer-master/PHPMailerAutoload.php');

接下来，他们在许多示例中记录了这一点，您创建一个 PHPMailer 的新实例并设置一些基本变量 - 这直接来自他们的文档，我保证您会比尝试 PHP 邮件更少头痛( )方法https://github.com/PHPMailer/PHPMailer/blob/master/examples/gmail.phps 。

祝你好运，如果我有任何不清楚的地方，请告诉我。