Löschen von Datensätzen aus der Datenbank mit jQuery

Question

Ich möchte eine Löschschaltfläche zu dieser Tabelle hinzufügen, um die Abfrage aus der Datenbank zu löschen. Ich habe die Ajax und PHP-Codes hier:

<?php 
     require_once 'dbconfig.php'; 

     $stmt = $pdo->prepare("SELECT * FROM test"); 
     $stmt->execute(); 
    while($row=$stmt->fetch(PDO::FETCH_ASSOC)) 
    { 
    ?> 
    <tr> 
    <td><?php echo $row['id']; ?></td> 
    <td><?php echo $row['server']; ?></td> 
    <td><?php echo $row['reference']; ?></td> 
    <td align="center"><a id="<?php echo $row['id']; ?>" class="delete-link" href="#" title="Delete"> 
    <img src="images/delete.png" width="20px" /> 
      </a></td> 
    </tr> 
    <?php 
    } 
    ?> 

die Ajax:

$(document).ready(function(){ 

/* Data Delete Starts Here */ 
$(".delete-link").click(function() 
{ 
    var id = $(this).attr("id"); 
    var del_id = id; 
    var parent = $(this).parent("td").parent("tr"); 
    if(confirm('Sure to Delete ID no = ' +del_id)) 
    { 
    $.post('delete.php', {'del_id':del_id}, function(data) 
    { 
    parent.fadeOut('slow'); 
    }); 
    } 
    return false; 
}); 
/* Data Delete Ends Here */ 

}); 

delete.php:

<?php 
include_once 'dbconfig.php'; 

if($_POST['del_id']) 
{ 
$id = $_POST['del_id']; 
$stmt=$db_con->prepare("DELETE FROM test WHERE id=:id"); 
$stmt->bindParam(':id', $id); 
$stmt->execute(); 
} 
?> 

Die Zeile nicht ausgewählt scheint in der DB gelöscht werden ... ich habe auch keinen Fehler.

Answer 1

Sie hatten Daten falsch übergeben. Bitte versuchen Sie diese

$(document).ready(function() 
{ 
    $('table#delTable td a.delete').click(function() 
    { 
     if (confirm("Are you sure you want to delete this row?")) 
     { 
      var id = $(this).parent().parent().attr('id'); 
      var data = 'id=' + id ; 
      var parent = $(this).parent().parent(); 

      $.ajax(
      { 
        type: "POST", 
        url: "view.php", 
        data: {id:id}, 
        cache: false, 

        success: function() 
        { 
        parent.fadeOut('slow', function() {$(this).remove();}); 
        } 
      }); 
     } 
    }); 

});