2017-06-20 88 views
-1

我嘗試插入一些數據到MySQL數據庫表,而不刷新頁面 所以我寫這個腳本發送數據到一個PHP頁面,包含將被執行的查詢通過點擊提交按鈕時,執行成功的功能「」輸入精密組件成爲空「」但PHP文件似乎不執行插入到MySQL數據庫,而無需刷新頁面使用Ajax不工作

<?php 
    $idst=$_GET['idst']; 
    $idusr = $_SESSION['user_session']; 
    $auth_user->viewReservations($idst,$idusr); 
    ?> 
    <!--******* add reservation ******-->  
    <tr>  
     <form > 
      <td><input required type="text" id="client" name="title"></td> 
      <td><input required type="text" id="tel" name="tel"></td> 
      <td><input required type="date" id="start" placeholder="yy-MM-dd" 
      name="start"></td> 
      <td><input required type="date" id="end" placeholder="yy-MM-dd" 
      name="end"></td> 
      <td><input required type="number" id="prix" name="prix"></td> 
      <td></td> 
      <td><input type ="submit" id="submit_reservation" class="btn btn- 
info" 
      name="submit" value="ajouter" style="width: 70px"></td> 
      <td></td> 
     </form> 
      </tr> 
     </table> 
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
    $("#submit_reservation").click(function() 
    { 
    var client =$("#client").val(); 
    var tel =$("#tel").val(); 
    var start =$("#start").val(); 
    var end =$("#end").val(); 
    var prix =$("#prix").val(); 
    var idst=<?php echo json_encode($idst); ?>; 
    var idusr=<?php echo json_encode($idusr); ?>; 
    $. ajax(
    { 
    url: "addreserv.php", 
    type: "POST", 
    cache: false, 
    data: { 
    "done": 1, 
    "client" :client, 
    "tel" : tel, 
    "start": start, 
    "end": end, 
    "prix":prix, 
    "idst":idst, 
    "idusr":idusr 
    }, 
    success: function(data) 
    { 
    $("#client").val(''); 
    $("#tel").val(''); 
    $("#start").val(''); 
    $("#end").val(''); 
    $("#prix").val(''); 
    } 
    }) 
    }); 
    }); 
    </script> 

,這是PHP文件來執行使用來自sended數據查詢此頁

<?php 
/*require_once("session.php");*/ 
require_once("class.user.php"); 
if (isset($_POST['done'])) 
{ 
$adder = new USER(); 
$client=$_POST['client']; 
$tel=$_POST['tel']; 
$start=$_POST['start']; 
$end=$_POST['end']; 
$prix=$_POST['prix'] ; 
$idst=$_post['idst']; 
$idusr = $_POST['idusr']; 
$adder->addReservation($client,$tel,$start,$end,$prix,$idst,$idusr); 
} 
?> 
+0

在控制檯的任何誤差Δθ –

+0

'submit'類型沒有點擊事件 –

+0

set returns在你的'returnedresult = $ adder-> addReservation ...'中檢查數據是否插入,然後在'addreserv.php類型'末尾'echo returnedresult ';然後ajax調用set'console.log(data)'並在控制檯中看到結果 –

回答

1

向表單添加一個id並阻止表單提交。

<tr>  
    <form id="reservation_form"> 
     <td><input required type="text" id="client" name="title"></td> 
     <td><input required type="text" id="tel" name="tel"></td> 
     <td><input required type="date" id="start" placeholder="yy-MM-dd" 
     name="start"></td> 
     <td><input required type="date" id="end" placeholder="yy-MM-dd" 
     name="end"></td> 
     <td><input required type="number" id="prix" name="prix"></td> 
     <td></td> 
     <td><input type ="submit" id="submit_reservation" class="btn btn-info" 
     name="submit" value="ajouter" style="width: 70px"></td> 
     <td></td> 
    </form> 
</tr> 

$("#reservation_form").submit(function(event){ 
    event.preventDefault(); 
... Your logic ... 

}

相關問題