PHP生成表中的Delete按鈕，從數據庫和頁面中刪除

Question

我正在嘗試使此生成的表上的刪除按鈕起作用（刪除數據庫記錄並從視圖中刪除行）。 該按鈕是通過for循環中的echo語句生成的。

PHP代碼隨處可見：

<?php
      //Waitlist for Nobel Floorplans
                $sth = $db->prepare("SELECT id, first_name, last_name FROM wlist");
                $sth->execute();

                $results = $sth->fetchAll();

                $wishlistArray[] = null;
                foreach ($results as $result) {
                     echo "<tr><td>".$result['first_name']."</td><td>".$result['last_name']."</td><td><button class=\"delete_class\" id=\"".$result['id']."\" >DELETE</button></td></tr>";
                }

?>

這個PHP頁面的底部是這個javascript f（x）：

<script>
    $(".delete_class").click(function(){
        var del_id = $(this).attr('id');
        $.ajax({
            type:'POST',
            url:'delete_page.php',
            data: {delete_id : del_id},
            success: function (data) {
                if (data) { 
                    tx.executeSql('DELETE FROM wlist WHERE id = ?', [delete_id], success, error);
                }
                else { // DO SOMETHING
                }
            }
            });
    });
</script>

上面的代碼的問題是，沒有引用URL'delete_page.php'，也沒有從數據庫中刪除任何內容。.而且，'success：function（data）根本沒有被調用..

我在包含上述所有代碼的PHP文件所在的文件夾中有“ delete_page.php”。 該文件具有以下代碼：

<?php
    $id = $_POST['delete_id'];
    $query = "delete from nobel_waitlist where ID = $id";
?>

知道如何AAAX刪除該視圖中的該行以及刪除數據庫記錄也將是非常棒的。

Answer 1

另一種方式。 我不知道executeSql函數，這就是為什么我給了一個簡單的alert框。

<script>
$('.delete_class').click(function(){
    var del_id= $('.delete_class').val();
    $.ajax({url:"delete_page.php?delete_id="+del_id,cache:false,success:function(result){
        alert("Data Deleted");
    }});
});
</script>

delete_page.php

<?php
$id = $_GET['delete_id'];
$query = "DELETE FROM nobel_waitlist WHERE ID=:id";
$queryResult = $db->prepare($query);
$queryResult->execute(array(':id' => $id));
?>