0

我目前在此站点上有一个联系表,我希望将其从 php 结果迁移到 ajax 结果。我使用了带有此代码的 mail.php 文件:

<?php
 $firstname = $_POST['firstName'];
 $lastname = $_POST['lastName']; 
 $email = $_POST['email'];
 $tel1 = $_POST['tel1'];
 $tel2 = $_POST['tel2'];
 $tel3 = $_POST['tel3'];
 $reason = $_POST['reason'];
 $message = $_POST['text'];
 $formcontent="From: $firstname $lastname \n Email address: $email \n Telephone Number: $tel1 $tel2 $tel3 \n Reason: $reason \n Message: $message";
 $recipient = "ilanbiala@ilanshomekitchen.x10.mx";
 $subject = "Contact Form";
 $mailheader = "From: $email \r\n";
 mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
 echo "<script>alert('Thank you!');</script>";
 ?>

这个 php 文件发送了一封包含联系表单结果的电子邮件。但是,它还重新加载了页面并在空白页面上显示了一个警告框,这不是我想要的。我正在寻找使用 jquery ajax 函数来制作它,以便 ajax 将信息发送到我的 php 文件以发送邮件,除非我可以直接从 ajax 邮寄联系表格以获得结果。

联系表单是通过这个 ajax 函数提交的:

function submitForm(form) {
    var form = $("form").submit(function() {
        var formData = new FormData(form);
        console.log("formData");
        var XHR;
        if (window.XHMLHttpRequest){XHR = new XHMLHttpRequest();}
        else {XHR = new ActiveXObject("Microsoft.XMLHTTP");}
        XHR.open("POST","mail.php",true);
        console.log("XHR opened.");
        XHR.onreadystatechange = function(e) {
            if (this.readyState == 4 && this.status == 200) {
                XHR.send(formData);
                console.log("Sent formData.");
            }
        }
    });
}
4

3 回答 3

2

您可以使用jQuery 的 .ajax

$.ajax({
        type: "POST",
        url: "mail.php",
        data: { firstname: nameVar, email: emailVar............ }
    }).done(function( msg ) {
        alert( msg );
    });
于 2013-01-20T05:47:05.993 回答
1

在您链接表单的页面上,id 为form,因此我将在示例代码中使用它:

JavaScript 代码

$(document).ready(function(){
    $('#form').submit(function(e){
        e.preventDefault();

        $.post($(this).attr('action'), $(this).serialize(), function(data) {
            // do whatever with the data returned
            console.log(data);
        });
    }, 'text');
});

这是一个非常简单的示例,<form>在 HTML 的标记中,您需要添加 action 属性(在您的情况下是mail.php)。

PHP 代码

<?php

 $firstname = $_POST['firstName'];
 $lastname = $_POST['lastName']; 
 $email = $_POST['email'];
 $tel1 = $_POST['tel1'];
 $tel2 = $_POST['tel2'];
 $tel3 = $_POST['tel3'];
 $reason = $_POST['reason'];
 $message = $_POST['text'];
 $formcontent="From: $firstname $lastname \n Email address: $email \n Telephone Number: $tel1 $tel2 $tel3 \n Reason: $reason \n Message: $message";
 $recipient = "ilanbiala@ilanshomekitchen.x10.mx";
 $subject = "Contact Form";
 $mailheader = "From: $email \r\n";

 if(mail($recipient, $subject, $formcontent, $mailheader)) {
     echo 'Thank you!';
 } else {
     echo 'Error!';
 }

?>

例如,您可以尝试使用 JSON 进行更高级的操作,但对于本示例,我将其保持得非常简单。

于 2013-01-20T06:02:08.130 回答
0

正如已经提到的,您可以使用简单的 AJAX 调用来实现您想要的。然而,而不是

echo "<script>alert('Thank you!');</script>";

我建议这样的事情:

header('Content-type: application/json');
if(mail($recipient, $subject, $formcontent, $mailheader)) {
    echo "{'msg':'email has been sent'}";
} else {
    echo "{'error':'there was an error sending email'}";
}

然后在 AJAX 调用中,您可以获取返回的 JSON 对象并在您的页面上显示成功/错误消息。

于 2013-01-20T06:04:00.760 回答