我已经编写了通过 ajax 发送电子邮件的代码。单击按钮后，电子邮件已成功发送，但我没有收到警报消息，这是为什么，我的代码中有什么问题，请帮助我找出错误。这是我的 Ajax 代码<script> $(function () { $("#myForm").submit(function (evenr) { event.preventDefault(e); var form_data = $(this).serialize(); $.ajax({ url:'mail.php', method:'POST', data:{data}, success:function(data){ alert(data); $("#success_message").attr("style", "display: none"); } }); }); });</script>这是我的 html 表单<div class="col-lg-5 col-md-6 home-about-left"> <form class="form-area contact-form text-right" id="myForm"> <h4 style="text-align: left;color: #ffffff;font-size: 24px;">Get a free consultation</h4></br> <div class="row"> <div class="col-lg-12 form-group"> <div class="alert alert-success" id="success" style="display: none;"> <strong>Success!</strong> Indicates a successful or positive action. </div> </div> <div class="col-lg-12 form-group"> <input name="name" placeholder="Name" id="formClass" class="common-input mb-20 form-control" required="" type="text"> <input name="phone" placeholder="Phone Number" id="formClass" class="common-input mb-20 form-control" required="" type="text"> <input name="email" placeholder="Email" id="formClass" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" class="common-input mb-20 form-control" required="" type="email"> <input name="service" placeholder="Type of Pest control services" id="formClass" class="common-input mb-20 form-control" required="" type="text"> </div> <div class="col-lg-12"> <!--<button class="genric-btn primary" style="float: left;">Send Message</button>--> <input name="submit" type="submit" class="genric-btn primary" style="float: left;" value="Send Message"> </div> </div> </form> </div>
2 回答
SMILET
TA贡献1796条经验 获得超4个赞
<script>
$(function () {
$("#myForm").submit(function (evenr) {
event.preventDefault(e);
var form_data = $(this).serialize();
$.ajax({
url:'mail.php',
method:'POST',
data:{data},
success:function(data){
alert(data);
if($.trim(data))
{
alert("Mail was sent !")
$("#success_message").attr("style", "display: none");
}else{ alert("Mail was not sent !")}
}
});
});
});
</script>
Ajax 文件更改：
if(isset($_POST['name']) && isset($_POST['phone']) && isset($_POST['email']) && isset($_POST['service'])) {
$to = 'test@gmail.com';
$subject = "{$_POST['name']} " . ' Requested the Pest Control Services';
$message = '
<html>
<head>
<title>Pest Control Services</title>
</head>
<body>
<p><b>Name:</b> ' . $_POST['name'] . '</p>
<p><b>Phone:</b> ' . $_POST['phone'] . '</p>
<p><b>Email:</b> ' . $_POST['email'] . '</p>
<p><b>Services Type:</b> ' . $_POST['service'] . '</p>
</body>
</html>';
$headers = "Content-type: text/html; charset=utf-8 \r\n";
$headers .= "From:{$_POST['name']} {$_POST['email']}\r\n";
if(mail($to, $subject, $message, $headers)){
echo "1"; exit;
else{
echo "0"; exit;
}
}
沧海一幻觉
TA贡献1824条经验 获得超5个赞
尝试这样的事情..
if((isset($_POST['name']))&&(isset($_POST['phone'])&&$_POST['email']&&$_POST['service'])) {
$to = 'ajerad30@gmail.com';
$subject = "{$_POST['name']} " . ' Requested the Pest Control Services';
$message = '
<html>
<head>
<title>Pest Control Services</title>
</head>
<body>
<p><b>Name:</b> ' . $_POST['name'] . '</p>
<p><b>Phone:</b> ' . $_POST['phone'] . '</p>
<p><b>Email:</b> ' . $_POST['email'] . '</p>
<p><b>Services Type:</b> ' . $_POST['service'] . '</p>
</body>
</html>';
$headers = "Content-type: text/html; charset=utf-8 \r\n";
$headers .= "From:{$_POST['name']} {$_POST['email']}\r\n";
if(mail($to, $subject, $message, $headers))
{
echo "<script>alert('Mail was sent !');</script>";
}
else
{
echo "<script>alert('Mail was not sent. Please try again later');</script>";
}
}
- 2 回答
- 0 关注
- 209 浏览
添加回答
举报
0/150
提交
取消