如何使用jQuery Ajax刷新表？

Question

我有下表。通过ajax调用，我正在更新表的内容。它反映在数据库中，但是如何在不重新加载整个页面的情况下刷新表。请有人指导我。

我的表结构：

<table class="table table-hover" id="cust-table">
    <thead>
        <tr>
            <th>LastName</th>
            <th>FirstName</th>
        </tr>
    </thead>
    <tbody>
        <?php
            for($i=0; $i<$numrows; ++$i) {
                 $contacts = mysqli_fetch_assoc($result);
            ?>
        <tr>
            <td><?php echo $contacts['LastName']; ?></td>
            <td><?php echo $contacts['FirstName']; ?></td>
        </tr>
        <?php
        } ?>
    </tbody>
</table>

jQuery代码：

$.ajax({   
       type: 'POST',   
       url: 'update.php',   
       data: {LastName:last_name, FirstName:first_name}
     });

update.php正在更新数据库，但我需要刷新表而不刷新整个页面。有人可以帮我吗？

Answer 1

根据您的场景，在其他页面中编写 html 表和 ajax 的代码。例如：-

在 update.php 中

//do stuff for update
//html table code
------------------------

在ajax页面（test.php）

<div id='load'>

</div>

<script>
$(function(){
loadData();

// call by click event
$('#selector-name').click(function(){
     loadData();
});


function loadData(){
    $.ajax({   
     type: 'POST',   
     url: 'update.php',   
     data: {LastName:last_name, FirstName:first_name},
    success: function(msg) {
            $("#load").html(msg);
        },
    });
  }
});
</script>