大家好:
目前正在學習並練習php程式語言的開發，並練習試著做出一個簡單的線上預約系統的主題式網站，但是我做到(立即預約的功能:資料庫原本就有的紀錄，立即預約功能是更新資料庫原有的紀錄)。
但是為什麼立即預約的input按鈕按下去沒有任何反應?
我已經確認前端axios data傳送方式無誤，後端php程式也執行正常
希望可以尋求大家的協助!!
網站載圖圖片

網頁中的立即預約按下去按鈕(執行後端php sql update)沒有任何反應

doselect.js 這是我前面選擇預約選項的網頁撰寫語法

import showInsertPage from './showInsertPage.js';
export default function doselect(){
    axios.post(`../admin/index.php?action=doselectcon`)
    .then(res => {
               let response = res['data'];
                let ans = response['result'];
                let str = `<table>`;
                str += `<tr>`;
                str += `<br>`+`<td>` +``+ `</td>`;
                str += `<td>` +`編號`+ `</td>`;
                str += `<td>` +`手機門號`+ `</td>`;
                str += `<td>` +`預約人`+ `</td>`;
                str += `<td>` +`聯繫方式` + `</td>`;
                str += `<td>` +`申辦方式` + `</td>`;
                str += `</tr>`;
                ans.forEach(element => {
                    str += `<tr>`;
                    str+=`<td>`+`<input type="radio" value="`+element["id"]+`" id="id" name="id">`+`</td>`;
                    str += `<td>` + element['id'] + `</td>`;
                    str += `<td>` + element['phonenumber'] + `</td>`;
                    str += `<td>` + element['name'] + `</td>`;
                    str += `<td>` + element['contact'] + `</td>`;
                    str += `<td>` + element['ways'] + `</td>`;
                });
                str += `</tr>`;
                str += `</table>`;
                str+=`<br>`+`<input type="button" value="我要預約" id="insert">`;
                str += `<p>` +`熱門門號需預約後，等待系統通知您進行正式申辦的程序!!`+ `</p>`;
                $(`#ans`).html(str);
                $(`#insert`).click(function(){
                    showInsertPage();
                });
    });

}
export { doselect };

showInsertPage.js

import doinsert from './doinsert.js';
export default function showInsertPage(){
    let data = {
        "id": $("input[name=id]:checked").val(),
    };
    axios.post("../admin/index.php?action=doselectcon",Qs.stringify(data))
    .then(res => {
        let response=res['data'];
        let ans=response["result"];  
        let rows=ans[0];
    let str =`<br>`+`編號：<input type="text" name="id" id="id" value="`+rows["id"]+`"><br>`;
    str += `門號：<input type="text" id="phonenumber" name="phonenumber" value="`+rows["phonenumber"]+`"><br>`;
    str += `姓名：<input type="text" id="name"><br>`;
    str += `聯繫方式：<select name="con" id="con"><option value="電話">電話</option><option value="手機">手機</option><option value="電子信箱">電子信箱</option></select><br>`;
    str += `申辦方式：<select name="reg" id="reg"><option value="線上辦理">線上辦理</option><option value="現場辦理">現場辦理</option><option value="電話辦理">電話辦理</option></select><br>`;
    str +=`<br>`+`<input type="button" value="立即預約" id="doinsert">`
    str += `<div id="ans"></div>`
    str += `<p>` +`手機門號線上預約登記表`+ `</p>`;
        $("#ans").html(str);
        $("#doinsert").click(function(){
                    doinsert();
        });
    })
    .catch(err => {
        console.error(err); 
    })
  
  
    } 
 export { showInsertPage };

doinsert.js

export default function doinsert() {
    let data = {
        "id": $("input[name=id]:checked").val(),
        "name": $("#name").val(),
        "con": $("select[name=con]").val(),    
        "reg": $("select[name=reg]").val()
    };
    axios.post("../admin/index.php?action=doinsert",Qs.stringify(data))
    .then(res => {
        let response = res['data'];
        $("#ans").html(response['message']);
    })
    .catch(err => {
        console.error(err); 
    })
}
export { doinsert };
`````````````````````````````````
doinsert.php
`````````````````````````````````
<?php
    require_once './mysql.inc.php';
    function doinsert(){
    $response = openDB();
    if($response['status']==200) {
    $id = $_POST['id'];               
    $name = $_POST['name'];
    $con = $_POST['con'];    
    $reg = $_POST['reg'];
    $conn=$response['result'];
    $sql = "UPDATE `numberphone` SET `name` = ?, `contact` = ?, `ways` = ? WHERE `numberphone`.`id` = ?";
    $stmt = $conn->prepare($sql);
    $result = $stmt->execute(array($name,$con,$reg,$id));
    if($result) {
        $count = $stmt->rowCount();
      if($count<1){
            $response['status'] = 500; 
            $response['message'] = "門號預約失敗!!";
      }
      else{
            $response['status'] = 200; 
            $response['message'] = "門號預約成功!!";
      }
    }
    else {
       $response['status'] = 400; 
       $response['message'] = "SQL連線或設定錯誤";
    }
} 
echo json_encode($response);
    }
?>