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>';
}

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

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

Answer 1

使用append()代替html()。

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

Answer 2

而是$('#npc').html(data);尝试$('#npc').append(data);

向表中追加被调用的PHP页面返回的值

2 个答案: