nicht die Seite aktualisieren, wenn Sie das Formular

Question

hii Jungs neue IM zu Web-Programmierung und im Erstellen einer Website auf dieser Website einreichen Ich möchte ein Kontakt mit uns in der Fußzeile der Seite wie diese

<form action="footer_contactus1.php" method="post"> 
    <div class="row"> 
    <div class="form-grope col-lg-4"> 
     <label><span class="glyphicon glyphicon-user"></span>Name</label><br> 
     <input name="cuname" type="text" class="form-cotrol"> 
    </div> 
    <div class="form-grope col-lg-4"> 
     <label><samp class="glyphicon glyphicon-envelope"></samp>Email</label><br> 
     <input name="cuemail" type="email" class="form-cotrol"> 
    </div> 
    <div class="form-grope col-lg-4"> 
     <label><i class="glyphicon glyphicon-earphone"></i>Phone Number</label><br> 
     <input name="cutele" type="tel" class="form-cotrol"> 
    </div> 

    <div class="form-grope col-lg-12"> 
    <br> 
     <label><span class="glyphicon glyphicon-paste"></span>Message</label><br> 
     <textarea name="cumessage" class="form-cotrol" rows="6" style="width: 100%;" ></textarea> 
    </div> 
    <div class="form-grope col-lg-12"> 
    <br> 
     <input type="hidden" name="save" value="contact"> 
     <button type="submit" class="btn btn-info">Submit</button> 
    </div> 
    </div> 
</form> 

bilden hinzufügen

und wenn ich den Absenden-Button klicken möchte ich die pHP-Datei ausgeführt werden, so dass die Eingänge

in die Datenbank die pHP-Datei

<?php 

$pdo = new PDO('mysql:host=localhost;dbname=mywsite_db', 'root', ''); 

$req = $pdo->prepare('INSERT INTO message (id_message,nom,email,tele,message) 
VALUES(null,?,?,?,?)'); 
$req->execute(array($_POST['cuname'],$_POST['cuemail'],$_POST['cutele'],$_POST['cumessage'])); 

header('Location: HomePage.php'); 

?> 

ich diese Form wollte submited zu erhalten, ohne die Seite zu aktualisieren von ajax eingefügt wurde Ich habe verschiedene Tutorials ausprobiert und nichts hat funktioniert. Plzz gibt mir das korrekte Ajax-Skript für mein Formular, damit ich es in die PHP-Datei schreiben und die Daten in die Datenbank einfügen kann wurde indeterminiert, ohne die Seite pzzzz

Answer 1

<form action="footer_contactus1.php" method="post" id="myForm1"> 
    ... 
</form> 

<script type="text/javascript"> 
    var frm = $('#myForm1'); 
    frm.submit(function (ev) { 
     $.ajax({ 
      type: frm.attr('method'), 
      url: frm.attr('action'), 
      data: frm.serialize(), 
      success: function (data) { 
       alert('The data has been inserted'); 
      } 
     }); 

     ev.preventDefault(); 
    }); 
</script>