簡體   English   中英

ajax聯系人表單錯誤,但電子郵件已發送

[英]ajax contact form error but email is sent

我有這個html標記:

<form id="ajax-contact" method="post" action="mailer.php">

<div id="form-messages"></div>

<div class="field">
    <label for="name">Name:</label>
    <input type="text" id="name" class="contact" name="name" placeholder="Name" required>
</div>

<div class="field">
    <label for="email">Email:</label>
    <input type="email" id="email" class="contact" name="email" placeholder="Email" required>
</div>

<div class="field">
    <label for="message">Message:</label>
    <textarea id="message"  name="message" placeholder="Message" required></textarea>
</div>

<div class="field">
    <button type="submit">Send</button>
</div>
</form>

這個jQuery(用於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(e) {
    // Stop the browser from submitting the form.
    e.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.');
        }
    });

});

});

和這個mailer.php文件:

<?php
// My modifications to mailer script from:
// http://blog.teamtreehouse.com/create-ajax-contact-form
// Added input sanitizing to prevent injection

// 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 = "email@email.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.";
}

?>

問題是,當我按下“提交”按鈕后,我收到以下消息: 糟糕! 發生錯誤,無法發送您的消息。 當我檢查控制台時,我看到以下錯誤: 無法加載資源:服務器以 mailer.php文件的狀態500(內部服務器錯誤) 響應

但是,當我檢查收件箱時,會看到表單中提交的電子郵件。

我不知道出了什么問題,有人可以告訴我如何解決此問題?

謝謝!

  1. 您使用了錯誤的錯誤號-為代碼中的錯誤保留了500(因此發生內部服務器錯誤)。

  2. 即使出於安全原因,也總是發送200,但是,如果郵件返回false,則將電子郵件記錄在文本文件中。 與get_last_error函數一起使用,以便您可以正確分析問題。

希望這可以幫助。

http://www.w3schools.com/php/func_error_get_last.asp

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM