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>

现在，当我删除表和数据库的任何记录时，我必须刷新页面以查看它已被删除。我想要的是当我点击删除按钮时，记录被删除，表格会在页面顶部以成功的消息更新，这可能吗？

Answer 1

in html

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

按钮功能

中的

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

当触发按钮功能时，它会将AJAX GET请求激活到tableBody.php，然后使用其内容更新标识为<tbody>的{{1}}。

如何更新HTML表格内容而不刷新页面？

1 个答案: