如何通过PHP和Ajax发送确认电子邮件?

时间:2015-10-16 09:46:58

标签: php ajax forms email

我正在开发一个带有Ajax的简单PHP表单的项目。表单成功发送电子邮件,但在AJAX消息中,它显示我已设置的错误消息:'Oops! An error occured and your message could not be sent。 '这可能是服务器问题吗?

此外,我想在用户在我的网站上提交表单后向用户发送一封感谢信(表单提交确认)电子邮件。

HTML代码:

  <form id="ajax-contact" method="post" action="mailer.php">
      <div class="form-group">
        <label for="name">Name:</label>
        <input type="text" class="form-control" id="name" placeholder="Name" required name="name">
      </div>
      <div class="form-group">
        <label for="email">Email:</label>
        <input type="email" class="form-control" id="email" placeholder="email" name="email" required>
      </div>
      <div class="form-group">
        <label for="message">Message:</label>
        <textarea class="form-control" rows="3" id="message" name="message"></textarea>
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>

PHP mailer.php代码:     

// Only process POST reqeusts.
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Get the form fields and remove whitespace.
    $name = strip_tags(trim($_POST["name"]));
            $name = str_replace(array("\r","\n"),array(" "," "),$name);
    $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
    $message = trim($_POST["message"]);

    // Check that data was sent to the mailer.
    if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        // Set a 400 (bad request) response code and exit.
        http_response_code(400);
        echo "Oops! There was a problem with your submission. Please complete the form and try again.";
        exit;
    }

    // Set the recipient email address.
    // FIXME: Update this to your desired email address.
    $recipient = "receiveremail@somewhere.com";

    // Set the email subject.
    $subject = "New contact from $name";

    // Build the email content.
    $email_content = "Name: $name\n";
    $email_content .= "Email: $email\n\n";
    $email_content .= "Message:\n$message\n";

    // Build the email headers.
    $email_headers = "From: $name <$email>";

    // Send the email.
    if (mail($recipient, $subject, $email_content, $email_headers)) {
        // Set a 200 (okay) response code.
        http_response_code(200);
        echo "Thank You! Your message has been sent.";
    } else {
        // Set a 500 (internal server error) response code.
        http_response_code(500);
        echo "Oops! Something went wrong and we couldn't send your message.";
    }

} else {
    // Not a POST request, set a 403 (forbidden) response code.
    http_response_code(403);
    echo "There was a problem with your submission, please try again.";
}

?>

AJAX代码:

$(function() {
    // Get the form.
    var form = $('#ajax-contact');

// Get the messages div.
var formMessages = $('#form-messages');

// Set up an event listener for the contact form.
$(form).submit(function(event) {
    // Stop the browser from submitting the form.
    event.preventDefault();

    // Serialize the form data.
    var formData = $(form).serialize();
    // Submit the form using AJAX.
    $.ajax({
        type: 'POST',
        url: $(form).attr('action'),
        data: formData
    })

    .done(function(response) {
// Make sure that the formMessages div has the 'success' class.
$(formMessages).removeClass('error');
$(formMessages).addClass('success');

// Set the message text.
$(formMessages).text(response);

// Clear the form.
$('#name').val('');
$('#email').val('');
$('#message').val('');
})

.fail(function(data) {
// Make sure that the formMessages div has the 'error' class.
$(formMessages).removeClass('success');
$(formMessages).addClass('error');

// Set the message text.
if (data.responseText !== '') {
    $(formMessages).text(data.responseText);
} else {
    $(formMessages).text('Oops! An error occured and your message could not be sent.');
}
});
      });
});

1 个答案:

答案 0 :(得分:0)

只需更改此行并检查一次。即使我有同样的问题,我这样解决了,

data: {"postvalues":formData},

data: formData to data: {name: "sample",email:"your emal",message:"hi how are you"}

mailer.php

如果您使用的是第一个,请在$post = $_POST['postvalues']; $name = $post['name']; $email = $post['email']; $message = $post['message']; 中进行必要的更改。喜欢这个

serialize()

如果您使用第二种方法,则无法mailer.php形成,也无需更改if (mail($recipient, $subject, $email_content, $email_headers)) { // Set a 200 (okay) response code. http_response_code(200); echo "Thank You! Your message has been sent."; mail($email, "Contact Us", "Thank you for contacting us, we will get back to you soon", $email_headers) } 中的任何内容。

要向填写表单的用户发送电子邮件,请使用此

Data.Typeable.typeOf