ページを更新せずにHTMLテーブルのコンテンツを更新するにはどうすればよいですか？

Question

データベースからいくつかのデータをフェッチしているHTMLテーブルと、選択したレコードを削除するためのボタンがあります。

表は以下のようになります。

name phone links 
john 6562 link1 
      link2 
      link3 
________________ 
jim 7682 link1 
________________ 
... ... .... 

コードは、そのようなものです：私は、テーブルのすべてのレコードとデータベースを削除すると今

<form method="post" action="#"> 
<table>      
    <thead> 
    <tr> 
     <th><input type="checkbox"></th> 
     <th scope="col">Name</th> 
     <th scope="col">Phone</th> 
     <th scope="col">Links</th> 
    </tr> 
    </thead> 
    <tbody> 
    <?php 
     echo "<tr>"; 
     echo "<th><input type='checkbox'></th>"; 
     echo "<th>".$row['name']."</th>"; 
     echo "<td>".$row['phone']."</td>"; 
     echo "<td>"; 
     echo '<a href=""></a><br/>'; 
     echo "</td>"; 
     echo "</tr>"; 
    ?> 
</table> 
<input type="submit" value="Delete Selected" name="delete"/> 
</form> 

、私はページを更新する必要がありますそれが削除されていることを確認します。 私がしたいのは、削除ボタンをクリックすると、レコードが削除され、テーブルがページ上部の正常なメッセージで更新されます。それは可能ですか？ HTMLで

Answer 1

<tbody id="table-body"> 
    <?php include 'tableBody.php';?> 
</tbody> 

あなたのボタン機能で

$.get("tableBody.php", function(data) { 
    $("#table-body").html(data); 
}); 

ボタン機能がトリガされると、それはtableBody.phpにAJAXのGETリクエストを起動して、更新するために、そのコンテンツを使用しますidがtable-bodyの<tbody>です。