我想用PHP和Ajax发送一封电子邮件，该邮件是工作，但我不是很了解的Ajax，阅读一对夫妇的书页后，我写了一小块code和希望有人能指出我要去的地方错了：

I am trying to send an email with PHP and Ajax, the mailer is working but I know very little about Ajax, after reading a couple of pages of a book I have written a small piece of code and was hoping someone could point out where I am going wrong:

<?php


$name =  ($_POST['name']);
$email =  ($_POST['email']);
$fsubject =  ($_POST['subject']);
$message = ("Name: ". $name . "\nEmail Address: " . $email . "\n\nMessage: " . $_POST['message']);


// Set Mail
$to = "emailaddress@fakeone.com";
$headers = 'emailaddress@fakeone.com' . "\r\n";
$subject = "{$fsubject}";
$body = "{$message}";


// Send Mail
if (mail($to, $subject, $body, $header)) 
{
    echo("<p>Message successfully sent!</p>");
} 
else 
{
    echo("<p>Message delivery failed...</p>");
}

?>

我的HTML：

<div id="success" style="color:red;"></div>

<form action="" id="contactform" method="post">
<div class="row">
<div class="form-group">
<div class="col-md-6">
<label>Your name *</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100"     class="form-control" name="name" id="name">
</div>
<div class="col-md-6">
<label>Your email address *</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12">
<label>Subject</label>
<input type="text" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="subject" id="subject">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12">
<label>Message *</label>
<textarea maxlength="5000" data-msg-required="Please enter your message." rows="10"     class="form-control" name="message" id="message"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<input type="submit" id="submit" value="Send Message" class="btn btn-info btn-lg" data-loading-text="Loading...">
</div>
</form>

我的AJAX：

<script>
        $(document).ready(function(){

        $('#submit').click(function(){

        $.post("sendmail.php", $("#contactform").serialize(),  function(response) {
        $('#success').html(response);
        //$('#success').hide('slow');
            });
            return false;
        });

        });
    </script>

在同一页面重新加载刚刚的那一刻，期望的结果就是出现了微妙的成功或失败的消息。

At the moment the same page just reloads, the desired outcome is just a subtle success or failure message appearing.

任何帮助将受到欢迎！

谢谢， 丹

推荐答案

尝试像这样在JS：

<script>
        $(document).ready(function() {
    $('#contactform').submit(function(e) {
        e.preventDefault();

        $.post("sendmail.php", $(this).serialize(),  function(response) {
            $('#success').html(response);
        });
    });
});
</script>