使用 jQuery、AJAX、PHP 删除数据库中的行

Question

编辑：

根据以下评论中提供的解决方案。

数据库中没有发生任何事情
解决方案是简单地刷新页面，因为我之前在不同的目录中有 delete.php 文件（因此代码运行良好......这只是一个错误身份的情况 - 它总是最小的东西）。

页面上什么都没有发生
解决方案是给父 <div> 一个唯一的 ID（与删除按钮/图像相同 - 1），然后在我的 jQuery.js 文件中的 ajax 函数下添加...

success: function() {
    $('#'.concat(id)).remove();
}

谢谢@SikanderNawaz

结束编辑

我正在尝试使用 jQuery、AJAX 和 PHP 删除我的数据库中的一行，而我的代码应该是，但不起作用。
我单击删除按钮，但在页面或数据库中没有任何反应。

我在哪里 go 错了？
希望这里有人可以提供帮助。

数据库

------------------
| id | link      |
------------------
| 1  | image.jpg |
------------------

HTML

<head>
    ...
    <script src="jquery-3.4.1.js"></script>
    ...
</head>
<body>
    ...
    <button type="button" name="delete" id="delete" class="some stylings" value="1"><h6><b>X</b></h6></button>
    <img src="images/image.jpg" />
    ...
    <script src="jQuery.js"></script>
</body>

jQuery.js

$(document).ready(function(){
    $('button#delete').click(function(){
        var id = $(this).val(); // tested and returns 1 (see button value)
        
        $.ajax({
            url: 'delete.php',
            type: 'post',
            data: { id: id },
            success: function() {
                $('#'.concat(id)).remove();
            }
        });
    });
})

删除.php

<?php
    
    require ("connection.php");
    
    if (isset($_POST['id'])) {
        
        $id = $_POST['id'];
        
        try {
            
            $sql = 
            "
            DELETE FROM test
            
            WHERE
                id = ?
            ";
            
            $prepareTest = $pdo->prepare($sql);
            $prepareTest->execute([$id]);
            
        } catch(PDOException $e) {
            
            file_put_contents('../error/e.txt', $e->getMessage(), FILE_APPEND);
            
        }
    
    }

Answer 1

在使用 JS/Ajax 时，始终使用 console.log 来记录数据和错误，并在 Networks 选项卡中发现错误以及任何与 db 相关的错误，并通过在每个步骤中转储的数据来管理调试，以发现错误即将到来的问题从。

使用 jQuery、AJAX、PHP 删除数据库中的行

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-12-28 10:32:22

使用 jQuery、AJAX、PHP 删除数据库中的行

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-12-28 10:32:22

解决方案1
1 已采纳 2020-12-28 10:32:22