javascript - 从 DataTable 中删除一行而不刷新整个页面

Question

我是后端编程的新手。我想出了一种方法，只需单击我页面上的一个按钮(在我的例子中是“拒绝”按钮)就可以从数据库中删除一条记录……但是它只有在刷新后才会反射(reflect)到我的网页上。我希望它是自动的而不刷新整个页面..

<script>
      $( ".del" ).click(function() {
      $.post( "admin_delete.php", { reqidno:$(this).attr( "id" ) })
       .done(function( data ) {
        alert( data );
       });
      });
 </script>
<div id="page-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12" style="color: white;">
                    <a href="#menu-toggle" class="btn btn-default" id="menu-toggle" style="float:left;">Menu</a>&nbsp;&nbsp;
                    <br>
                    <br>
                    <div class="panel" style="color:black; padding-left: 15px; padding-top: 10px;">
                    <table class="table table-hover table-bordered" id="regtable">
                        <col width="40">
                        <col width="130">
                        <col width="60">
                        <col width="80">
                        <col width="100">
                        <col width="140">
                        <thead>
                            <tr>
                            <th>Admn no.</th>
                            <th>Name</th>
                            <th>Class</th>
                            <th>Contact</th>
                            <th>E-mail</th>
                            <th>Verify/Reject</th>
                            </tr>
                        </thead>
                     <tbody>    
                    <?php   
 $query="SELECT * FROM members WHERE verify = ''";
 $result = mysqli_query( $conn, $query ) or die( mysqli_error( $conn ) );

 if ($result->num_rows > 0) {

    while($row = $result->fetch_assoc()) {
        echo'<tr>';
        echo'<td>',$row["ID"],'</td>';
        echo'<td>',$row["name"],'</td>';
        echo'<td>',$row["class"],'</td>';
        echo'<td>',$row["phone"],'</td>';
        echo'<td>',$row["email"],'</td>';
        echo'<td style="padding-right:0px;">','<button class="btn btn-danger del" id="',$row["ID"],'" name="reject" onclick="delete()">Reject</button>','</td>';
        echo'</tr>';
    }
 }
 else 
    echo 'No records for approval';

 ?>
        </tbody>
</table>




                    </div>
                </div>
            </div>
        </div>
</div>        

Answer 1

发帖删除后可以找到对应的tr:

$( ".del" ).click(function() {
  var id = $(this).attr( "id" )
  $.post( "admin_delete.php", { reqidno: id })
   .done(function( data ) {
    alert( data );
    // find the clicked button
    // take the closest 'tr' and remove it
    $("#"+id).closest('tr').remove();
 });
});