使用ajax从表中的id中删除行

Question

单击按钮后，我想从其 id 的引用中删除空间行，

这是我的 php 代码，

while($row = mysqli_fetch_array($values)) {
    echo "<tbody>";
    echo "<tr id=\"12\">";
    echo "<td>" . $row['pid'] . "</td>";
    echo "<td>'<img src='/Login/product_avtar/".$row['pic']."' width=\"80\" height=\"60\">'</td>";
    echo "<td>" . $row['pname'] . "</td>";
    echo "<td>" . $row['pprice'] . "</td>";
    echo "<td>" . $row['pdes'] . "</td>";
    echo "<td>" . $row['qnt'] . "</td>";
    echo "<td><button class=\"btn btn-sm btn-danger delete_class\" id=\"".$row['pid']."\">Delete</button></td>";
    echo "</tr>";
    echo "</tbody>";

这是 ajax，

$(function() {
    $( ".delete_class" ).click(function(){

    var element = $(this);
    var del_id = element.attr("pid");
    var info = 'pid=' + del_id;
    if(confirm("Are you sure you want to delete this Record?")){
        $.ajax({
            type: "POST",
            url: ajax_url,
            data: info,

                 success: function(){ 
                 alert('Successfully Deleted'); 

             } 
        });
    }
    return false;
    });
});

这是 ajax_url，

if(($_POST['pid']))
{
    $id=$_POST['pid'];
    $id = mysqli_real_escape_string($id);

    $option   = mysqli_query($conn,"DELETE * FROM product where pid = ".$id."");
}

请帮助找出解决方案， 谢谢

Answer 1

你已经使用了属性 pid：

var del_id = element.attr("pid");

但是在你的 HTML 中指定的属性是 id，而不是 pid。

改变这个：

  <button class=\"btn btn-sm btn-danger delete_class\" id=\"".$row['pid']."\">Delete</button>

到这里：

<button class=\"btn btn-sm btn-danger delete_class\" pid=\"".$row['pid']."\">Delete</button>

并尝试在您的 jQuery 中进行调试：

var del_id = element.attr("pid");
console.log(del_id); // On chrome, go to the Inspect Element > console tab and check if the id retrieved is correct.