2017-04-08 34 views
0

HII家伙进出口新的网络编程和IM在这个网站建立一个网站 刷新页面,我想添加联系人我们在页面这样不要当您提交表单

<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> 
页脚形成

,当我点击提交按钮我想执行的PHP文件,使输入得到了插入到数据库 php文件

<?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'); 

?> 

我想获得无阿贾克斯刷新页面submited这种形式我尝试了不同的教程,没有任何工作可以让你的灵感给我正确的ajax脚本为我的形式,所以我可以提交给PHP文件,并在数据库中插入数据然后弹出一条消息(警报)弹出告诉我,数据已一直没有刷新页面plzz

回答

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

谢谢你这么多人你是一个生活救星 –