php - 将调用的 PHP 页面返回的值 append 到表中

Question

在我的 PHP 主页面中，我有一个表，我在其中输入了一些值作为标题。该页面的代码是:

<form  method="post" action="<?php echo $_SERVER['PHP_SELF'] ;?>">
<table id="npc" cellspacing="10">
    <tr>
        <td> Building</td>
        <td> Level</td>
        <td> Lumber</td>
        <td> Clay</td>
        <td> Iron</td>
        <td> Crop</td>
    <tr>
</table>
</form>

我使用 jQuery 和 AJAX 来调用 res.php。 jQuery 代码是:

$.ajax(
                {

                    url: "res.php", 
                    type: "POST",
                    data: data,     
                    success: function (data) {
                        $('#npc').html(data);
                    }
                });

在 res.php 页面中，我使用传递的参数从数据库中检索数据。然后我将其显示在表 id="npc" 中。

res.php页面的内容是:

$result = mysql_query($query) or die('Error in Child Table!');

while( $data = mysql_fetch_assoc($result))
{
echo '<tr><td>'. $building. '</td><td>'. $level. '</td><td>'. $data['lumber']. '</td><td>'.$data['clay']. '</td><td>'. $data['iron']. '</td><td>'. $data['crop'].'</td></tr>';
} 

但由于某种原因，它不是将数据 append 到表的末尾id="npc"，而是删除以前的数据，然后显示新数据。

如何保留以前的数据并将新数据 append 到表中？

Answer 1

使用append()而不是html()。

 $('#npc').append(data); // use .find('tbdoy') if required