联系表单未正确使用ajax


Contact form not using ajax properly

我有一个普通的php联系人表单示例,我对其进行了修改以满足我的需求。然后我想使用ajax发布到我的php邮件脚本中。出于某种原因,我仍然在我的url中看到这样的post值:

http://www.example.com?name=bruno&email=bruno%40gmail.com&subject=ajax+test+ff&message=test

我也没能从php中得到正确的响应,判断发送是否成功。如果成功,我想显示一条消息。

然而,电子邮件发送。

这是我的代码:

HTML

<form>
    <input type="text" class="form-control" id="name" name="name" placeholder="Name">
    <input type="email" id="email" name="email" class="form-control" placeholder="Email">
    <input type="text" class="form-control" id="subject" name="subject" placeholder="Subject">
    <textarea class="form-control" id="message" name="message" placeholder="Message" rows="4"></textarea>
    <button id="submit" class="form-control text-uppercase">Send</button>
</form>

jQuery

$( document ).ready(function() {
    $("#submit").click(function(){
         var data = {
         name:$("#name").val(),
         email:$("#email").val(),
         subject:$("#subject").val(),
         message:$("#message").val(),
      }
            $.ajax({
                type: "POST",
                url: "sendmail.php",
                data: data,
                dataType: 'json',
                cache: false,
            })
            .success(function(response) {
                if(!response.errors && response.result=="success") {
                alert("success")
                } else 
                if(!response.errors && response.result=="oops") {
                alert("oops somethign went wrong");
                }
            });
    });
});

PHP

<?php
    $inputvalues = $_POST;
    $errors = false;
    $result = false;
    $email_to = "bruno@example.com";
    $email_from = "info@example.com";
    $name = $inputvalues["name"];
    $email = $inputvalues["email"];
    $message = $inputvalues["message"];
    $email_subject = $inputvalues["subject"];
    $headers = "From: " . $email_from . "'n";
    $headers .= "Reply-To: " . $email . "'n";
    $message = "Name: ". $name . "'r'nMessage: " . $message;
    ini_set("sendmail_from", $email_from);
    $sent = mail($email_to, $email_subject, $message, $headers, "-f" .$email);
    if ($sent) {
       $returnResult = "success";
    } 
    else {
        $returnResult = "oops";
    }
       echo json_encode(['result' => $returnResult, 'errors' => $errors]);
?>

您需要防止在侦听器中提交表单,即

$( document ).ready(function() {
    $("#submit").click(function(event){
         event.preventDefault();
         var data = {
         // etc.