Php 使用ajax提交表单后获取警报消息_Php_Jquery_Html_Ajax

Php 使用ajax提交表单后获取警报消息

php jquery html ajax

Php 使用ajax提交表单后获取警报消息,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我已经编写了通过ajax发送电子邮件的代码。单击按钮后，电子邮件发送成功，但我没有收到警告消息。原因是，我的代码中存在哪些问题，请帮助我找出错误这是我的Ajax代码 <script> $(function () { $("#myForm").submit(function (evenr) { event.preventDefault(e); var form_data = $(this).serialize(

我已经编写了通过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>


$（函数（）{
$（“#myForm”）.submit（函数（evern）{
事件.预防违约（e）；
var form_data=$（this）.serialize（）；
$.ajax({
url:'mail.php'，
方法：'POST'，
数据：{data}，
成功：功能（数据）{
警报（数据）；
$（“成功消息”）.attr（“样式”，“显示：无”）；
}
});
});
});

这是我的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>


免费咨询

成功表示成功或积极的行动。

我还附上了我的PHP代码

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";
    mail($to, $subject, $message, $headers);
}

if（（isset（$\u POST['name']）和&（isset（$\u POST['phone']）和&$\u POST['email']和&$\u POST['service']））{
$to$ajerad30@gmail.com';
$subject=“{$\u POST['name']}”。“请求害虫防治服务”；
$message='1
害虫防治服务
名称：'.$\u POST['Name'].'
电话：'.$\u POST['Phone'].
电子邮件：'.$\u POST['Email'].
服务类型：'.$\u POST['service']..
';
$headers=“内容类型：text/html；charset=utf-8\r\n”；
$headers.=“发件人：{$\u POST['name']}{$\u POST['email']}\r\n”；
邮件（$to、$subject、$message、$headers）；
}

试试这样的方法

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>";
          }
    }

if（（isset（$\u POST['name']）和&（isset（$\u POST['phone']）和&$\u POST['email']和&$\u POST['service']））{
$to$ajerad30@gmail.com';
$subject=“{$\u POST['name']}”。“请求害虫防治服务”；
$message='1
害虫防治服务
名称：'.$\u POST['Name'].'
电话：'.$\u POST['Phone'].
电子邮件：'.$\u POST['Email'].
服务类型：'.$\u POST['service']..
';
$headers=“内容类型：text/html；charset=utf-8\r\n”；
$headers.=“发件人：{$\u POST['name']}{$\u POST['email']}\r\n”；
if（邮件（$to、$subject、$message、$headers））
{
echo“警报（'邮件已发送！'）；”；
}
其他的
{
echo“警报（'邮件未发送。请稍后再试”）；
}
}


$（函数（）{
$（“#myForm”）.submit（函数（evern）{
事件.预防违约（e）；
var form_data=$（this）.serialize（）；
$.ajax({
url:'mail.php'，
方法：'POST'，
数据：{data}，
成功：功能（数据）{
警报（数据）；
如果（$.trim（数据））
{
警报（“邮件已发送！”）
$（“成功消息”）.attr（“样式”，“显示：无”）；
}else{alert（“邮件未发送！”）}
}
});
});
});

Ajax文件更改：

if（isset（$\u POST['name']）和&isset（$\u POST['phone']）和&isset（$\u POST['email']）和&isset（$\u POST['service']））{
$to$test@gmail.com';
$subject=“{$\u POST['name']}”。“请求害虫防治服务”；
$message='1
害虫防治服务
名称：'.$\u POST['Name'].'
电话：'.$\u POST['Phone'].
电子邮件：'.$\u POST['Email'].
服务类型：'.$\u POST['service']..
';
$headers=“内容类型：text/html；charset=utf-8\r\n”；
$headers.=“发件人：{$\u POST['name']}{$\u POST['email']}\r\n”；
if（邮件（$to、$subject、$message、$headers））{
回声“1”；退出；
否则{
回声“0”；退出；
}
}

php中的返回消息在哪里？警告消息css也没有改变，请帮助修复该问题

<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>

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;
        }
    }