Javascript 插入mysql数据库而不使用ajax刷新页面无效

我尝试在不刷新页面的情况下将一些数据插入mysql db表 因此，我编写此脚本是为了将数据发送到包含查询的php页面，该查询将通过单击submit按钮执行成功函数“输入字段变为空”，但php文件似乎没有执行

   <?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>

$（文档）.ready（函数（）{
$（“#提交预订”）。单击（函数（）
{
var client=$（“#client”）.val（）；
var tel=$（“#tel”）.val（）；
var start=$（“#start”）.val（）；
var end=$（“#end”）.val（）；
var prix=$（“#prix”）.val（）；
var idst=；
var idusr=；
$.ajax(
{
url:“addreserv.php”，
类型：“POST”，
cache:false，
数据：{
“完成”：1，
“客户”：客户，
电话:电话,，
“开始”：开始，
“结束”：结束，
“大奖赛”：大奖赛，
“idst”：idst，
“idusr”：idusr
},
成功：功能（数据）
{
$（“#客户”）.val（“”）；
$（“#电话”）.val（“”）；
$（“#开始”）.val（“”）；
美元（“#结束”）.val（“”）；
$（“#prix”）.val（“”）；
}
})
});
});

这是一个php文件，用于使用从该页面发送的数据执行查询

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

---

向表单添加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 ... 

$（“#预订表格”）。提交（功能（事件）{
event.preventDefault（）；
…你的逻辑。。。

---

}

控制台中的任何错误？？？

submit

type在`returnedresult=$adder->addReservation…`中没有单击事件集return，检查是否插入了数据，然后在

addreserv.php type

末尾

echo returnedresult

；然后是ajax调用集

console.log（数据）

并在控制台中查看结果您忽略了取消提交处理程序中的事件默认操作，因此浏览器以“正常”方式提交表单……而且由于您没有为表单指定操作，在这种情况下，这意味着它将只“重新加载”页面。@MasivuyeCokile

$（“#提交#保留”）。单击（函数（）

是您要查找的单击。