我网站上的表格是一个简单的联系表格。 我希望表单在表单发送/失败时在同一页面上显示“成功和失败”消息,而不重新加载页面。我知道我应该使用Ajax来做到这一点,但我不能让它工作。它一直说失败,但表格已发送,并在我的收件箱中。
这是我正在使用的代码。
Html(单页设计):
<form accept-charset="UTF-8" action="" class="form" id="contactus" method="post" name="contactus">
<label for="nametag">Namn*</label> <input id="name" name="name" type="text" value="">
<label for="emailtag">Email*</label> <input id="email" name="email" type="text" value="">
<label for="phonetag">Telefon</label> <input id="phone" name="phone" type="text" value="">
<label for="messagetag">Meddelande*</label><br>
<textarea id="message" name="message" style="width: 87%; height: 200px;"></textarea>
<label class="placeholder"> </label> <button class="submit" name="submit">Skicka</button>
</form>
<script>
$(function() {
$('#contactus').submit(function (event) {
event.preventDefault();
event.returnValue = false;
$.ajax({
type: 'POST',
url: 'php/mail.php',
data: $('#contactus').serialize(),
success: function(res) {alert(res);
if (res == 'successful') {
$('#status').html('Sent').slideDown();
}
else {
$('#status').html('Failed').slideDown();
}
},
error: function () {
$('#status').html('Failed').slideDown();
}
});
});
});
</script>
腓:
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$message = $_POST['message'];
$recipient = "info@mydomain.com";
$subject = "Webbkontakt";
$formcontent = "Från: $name <br/> Email: $email <br/> Telefon: $phone <br/> Meddelande: $message";
$headers = "From: " ."<info@mydomain.com>" . "\r\n";
$headers .= "Reply-To: ". "no-reply@mydomain.com" . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=utf-8\r\n";
if(mail($recipient, $subject, $formcontent, $headers))
{
echo "successful";
}
else
{
echo "error";
}
?>
答案 0 :(得分:0)
将@符号放在邮件前面。如果邮件成功接受传递,则返回TRUE,否则返回FALSE。重要的是要注意,仅仅因为邮件被接受传递,并不意味着邮件实际上将到达预定目的地。 - 换句话说,您无法使用PHP检测电子邮件是否已发送。
if(@mail($recipient, $subject, $formcontent, $headers))
{
echo "successful";
}else{
echo "error";
}
然后在AJAX中将成功和错误更改为以下内容:
success: function(res) {
if (res != "successful") {
$('#status').html('Failed').slideDown();
} else {
$('#status').html('Sent').slideDown();
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("Error From AJAX");
},