メールは正常に私のメールアカウントに送信されましたが、ブラウザはsendemail.phpでフリーズします

Question

私は自分のコードに設定したメールを受け取りますが、スクリプトが実行されるとブラウザはsendemail.phpにリダイレクトされてフリーズします。

ここにスクリーンショット sendemail.php

はここに私のhtmlファイル

</section> --> 
 
    <section id="contact"> 
 
    <div id="contact-us" class="parallax"> 
 
     <div class="container"> 
 
     <div class="row"> 
 
      <div class="heading text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"> 
 
      <h2>Contact Us</h2> 
 
      <p>Request a service , learn about our services</p> 
 
      </div> 
 
     </div> 
 
     <div class="contact-form wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 
 
      <div class="row"> 
 
      <div class="col-sm-6"> 
 
       <form id="contact-form" name="contact-form" method="post" enctype="application/x-www-form-urlencoded" action="sendemail.php"> 
 
       <div class="row wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms" id="message_form"> 
 
        <div class="col-sm-6"> 
 
        <div class="form-group"> 
 
         <input type="text" name="name" id="name" class="form-control" placeholder="Name" required="required"> 
 
        </div> 
 
        </div> 
 
        <div class="col-sm-6"> 
 
        <div class="form-group"> 
 
         <input type="email" name="email" id="email" class="form-control" placeholder="Email Address" required="required"> 
 
        </div> 
 
        </div> 
 
       </div> 
 
       <div class="form-group"> 
 
        <input type="text" name="subject" id="subject" class="form-control" placeholder="Subject" required="required"> 
 
       </div> 
 
       <div class="form-group"> 
 
        <textarea name="message" id="message" class="form-control" rows="4" placeholder="Enter your message" required="required"></textarea> 
 
       </div>       
 
       <div class="form-group"> 
 
        <button type="submit" class="btn-submit" name="submit" id="submit">Send Now</button> 
 
       </div> 
 
       </form> 
 
       
 
      </div> 
 
      <div class="col-sm-6"> 
 
       <div class="contact-info wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms"> 
 
       <p></p> 
 
       <ul class="address"> 
 
        
 
        <li><i class="fa fa-phone"></i> <span> Phone:</span> my phone </li> 
 
        <li><i class="fa fa-envelope"></i> <span> Email:</span><a href="mailto:info@mydomain.com"> info@mydomain.com</a></li> 
 
        <li><i class="fa fa-globe"></i> <span> Website:</span> <a href="#">www.mydomain.com</a></li> 
 
       </ul> 
 
       </div>        
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div>   
 
    </section><!--/#contact-->

そしてここにFORM要素のコードがsendemail.php

を呼び出すスクリプトですされます

<script type="text/javascript"> 
 
       $(document).ready(function() { 
 
    \t \t \t $('#submit').click(function(e) { 
 
     \t \t \t var data = name : $("#name").val(), 
 
          subject:$("#subject").val , 
 
          email: $("#email").val(), 
 
        \t  message: $("#message").val()}; 
 
        \t  console.log(data); 
 
    $.ajax({ 
 
    type: "post", 
 
    url: "sendemail.php", 
 
    data: data, 
 
    success: function(){ 
 
     
 
    alert("it was success"); 
 
       
 
    } 
 
}); 
 
</script> 
 

 
<!-- begin snippet: js hide: false console: true babel: false -->

ここ

は私のコードに間違っているsendemail.php

<?php 
$msg = 'Name: ' .$_POST['name'] ."\n" 
.'Email :' .$_POST['email'] ."\n" 
    .'Subject: ' .$_POST['subject'] ."\n" 
    .'Message: ' .$_POST['message'] ."\n"; 
    mail('info@mydomain.com','You have one message from santoriginal.com', $msg); ?> 

ためのコードですか？お使いのブラウザは凍結しない

おかげ

Answer 1

は、sendemail.phpにはコンテンツがありません。

sendemail.phpへのAJAXコールでは、sendemail.phpにリダイレクトされませんが、フォームには表示されません。

この方法で$('#submit').click();にreturn false;を使用してみてください。フォームは送信されません。