JQuery aktualisiert Tabellenansicht nach erfolgreicher Operation

Question

Ich habe eine Tabelle in einer Seite zum Beispiel: -

<tr> 
<th>no</th> 
<th>name</th> 
<th>age</th> 
<th>actions</th> 
</tr> 
<tr> 
    <td>$i</td> 
    <td>$name</td> 
    <td>$age</td> 
    <td><a href="$id" class="delete">Delete</a></td> 
</tr> 

auf dem Klick auf die löschen sie die Steuerung über jquery gehen und erfolgreich die Zeile löschen, danach habe ich die aktualisierte Tabelle anzeigen möchte, bedeutet, dass diese Zeile nicht gelöscht wird. dies jetzt verwende ich eine andere Seite und mit den Tabellendaten, auf Erfolg wie dies ich tue:

$(.updated_table_view).html(data.view); 

gibt es eine andere einfache Möglichkeit, dies wie ohne eine andere Seite zu tun?

Answer 1

Vermutlich „... wird die Steuerung durch jquery ... go“ Mittel über Ajax, also, wenn Sie es haben wollen nur eine einfache Entfernung zu tun, verstecken Sie einfach die Zeile:

jsFiddle:https://jsfiddle.net/842x2wuc/

<script> 
$(document).ready(function(){ 
    $('.delete').click(function(e) { 
     e.preventDefault(); 
     var thisBtn = $(this); 
     $.ajax({ 
      url: '/link/to/delete.php', 
      type: 'post', 
      data: { id: thisBtn.attr('href') }, 
      success: function(response) { 
       // This will fade out the row 
       thisBtn.closest('tr').fadeOut('fast'); 
      } 
     }); 
    }); 
}); 
</script>