在同一个 div 标签内显示 echo msg

Question

我正在制作将表单数据发送到数据库和邮件中的联系表单（两者都工作正常）但是在提交表单时，我想在 .mail_middle 类中显示感谢消息并隐藏表单。

现在我收到消息“感谢您的评论！”而不是同班的“谢谢你的报价请求”。

我希望显示和隐藏“感谢您提供报价请求”表单。

请帮助我进一步编写代码，因为我不知道现在该做什么.....

form.php

<form method='post'>
  Name: <input type='text' name='name' id='name' />
  Email: <input type='text' name='email' id='email' />
  <input type='submit' value='Submit' class='mailbtn' />
</form>

process_db.php

<?php

  [...]    
  mysql_query($query);    
  echo "Thank you for your Comment!";    
  mysql_close($con);      
  include("mail.php"); 
}

HTML

<div class="middle mail_middle">

<fieldset>
    <?php include("form.php"); ?>
    <?php include("process_db.php"); ?>                                         
</fieldset>

</div>

<script type="text/javascript">

            $('.mailbtn').live('click',function(){

            $.ajax({
            type: "POST",
            async : false,
            url: "mail.php",
            data: { name:name, email:email, phn:phn, budget:bgt, comment:txt, loc:loc}

            })
            .done(function( msg ) {
            $('.mail_middle').html('');
            $('.mail_middle').html('Thank you for quote request.');
            return false;
            });


    });
</script>

ma​​il.php

<?php

$to =  array("email-id1","email-id2");

$subject = "my_subject";
$message .= "<table border='1'>";
$message .= "<tr><td>Name    </td><td>".$_POST['name']."</td></tr>";
$message .= "<tr><td>Email   </td><td>".$_POST['email']."</td></tr>";
$message .= "</table>";

$from = "email-id";
$headers = "MIME-Version: 1.0\r\n"; 
$headers .= "Content-type: text/html; charset=utf-8\r\n"; 
$headers .=  'from: '.$from .'' . "\r\n" .

            'Reply-To: '.$from.'' . "\r\n" .

            'X-Mailer: PHP/' . phpversion();
foreach($to as $row)
{
   mail($row,$subject,$message,$headers);
}

echo "Mail Sent.";
die;
?>

Answer 1

在您的 jQuery .done() 回调中，我不确定在此处返回 false 会产生什么影响，但据我所知，AJAX 方法很可能没有被调用。

如果您的按钮没有收到来自click 事件的错误响应，就会出现这种情况。

我建议将您的代码更改为此...

form.php

<form method='post' class="mailform">
     Name: <input type='text' name='name' id='name' />
     Email: <input type='text' name='email' id='email' />
     <input type='submit' value='Submit' class='mailbtn' />
</form>

process_db.php

<?php

  [...]    
  mysql_query($query);    
  echo "Thank you for your quote request.";    
  mysql_close($con);      
  include("mail.php"); 
  $myformsubmitted = true;
}

html.php

<div class="middle mail_middle">

    <fieldset>
        <?php include("process_db.php"); ?> 
        <?php if(!$myformsubmitted) include("form.php"); ?>                                        
    </fieldset>

</div>

<script type="text/javascript">

    // if js is supported submit by ajax...
    $('.mailform').live('submit', function(event){

        event.preventDefault();

        $.ajax({
            type: "POST",
            async : false,
            url: "process_db.php",
            data: { 
                name:name, 
                email:email, 
                phn:phn, 
                budget:bgt, 
                comment:txt, 
                loc:loc
            }
        })
        .done(function( msg ) {
            $('.mail_middle').html('Thank you for quote request.');
        });


    });
</script>