Javascript 如何只更新php/mysql生成的表的一列,而不重新加载page/table?

Javascript 如何只更新php/mysql生成的表的一列,而不重新加载page/table?,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,因此,我使用php从mysql表中获取数据来生成以下HTML表。我想做的是使用ajax不断地更新最后一行,这样表就不会重新加载整个表 <tbody> <?php while($row = MySQL_fetch_array($result)): $id = htmlentities($row['id']); $status = htmlentities($ro

因此,我使用php从mysql表中获取数据来生成以下HTML表。我想做的是使用ajax不断地更新最后一行,这样表就不会重新加载整个表

<tbody>
                    <?php while($row = MySQL_fetch_array($result)):
                    $id = htmlentities($row['id']);
                    $status = htmlentities($row['status']);
                    include ("button.php");
                    ?>
                    <tr>
                        <td title="lname" width="100px">
                            <div style="width:100px; overflow:hidden;">
                                <?php echo(htmlentities($row['last_name'])); ?>
                            </div>
                        </td>
                        <td width="100px">
                            <div style="width:100px; overflow:hidden;">
                                <?php echo(htmlentities($row['first_name'])); ?>
                            </div>
                        </td>    
                        <td width="100px">
                            <div style="width:100px; overflow:hidden;">
                                <?php echo(htmlentities($row['u_name'])); ?>
                            </div>
                        </td>  
                        <td width="100px">
                            <div style="width:150px; overflow:hidden;">
                                <?php echo(htmlentities($row['skype_id'])); ?>
                            </div>
                        </td>
                        <td width="100px">
                            <div style="width:100px; overflow:hidden;">
                                <?php echo(htmlentities($row['primary_location'])); ?>
                            </div>
                        </td>
                        <td>
                            <div style="width:100px; overflow:hidden;">
                                <?php echo(htmlentities($row['phone'])); ?>
                            </div>
                        </td>
                        <td>
                            <div style="width:100px; overflow:hidden;">                                     
                                <?php echo '<div><div id="r'.$id.'"><div id="test"><img class="rating" id="'.$status.$id.'" src="'.$color.'"><div style="display:none;">'.$status.'</div></div></div></div>';?>
                            </div>
                        </td>
                    </tr>                       
                    <?php endwhile; ?>
                </tbody>

我试着做了以下几点:

<script>
$(document).ready(function(){
  refreshTable();
});

function refreshTable(){
    $('#test').load('response.php', function(){
       setTimeout(refreshTable, 5000);
    });
}
</script>

$(文档).ready(函数(){
刷新表();
});
函数刷新表(){
$('#test').load('response.php',function()){
设置超时(刷新表,5000);
});
}
Where response.php又一次完成了整个while循环。这方面的问题如下:

<script>
$(document).ready(function(){
  refreshTable();
});

function refreshTable(){
    $('#test').load('response.php', function(){
       setTimeout(refreshTable, 5000);
    });
}
</script>
1) 几秒钟后,页面会变得越来越慢…响应速度越来越慢。很快它就会停下来。我不知道为什么

2) 刷新是可见的。每次刷新时,所有表格高亮显示都会闪烁片刻

所以我想,如果我试着刷新一下这一栏……它就不会停下来了?然而,一旦我试图更新专栏,一切都失败了,我所有的脚本都会停止工作。我不知道如何消除刷新时表格高亮显示消失的问题。我怎样才能让这些都发挥作用


谢谢

向URL发出ajax请求,该URL只返回json(或html,当然由
标记包围)格式的最后一行。然后,使用javascript替换最后一行