0

因此，我使用 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>

response.php 又一次完成了整个 while 循环。问题如下：

1）几秒钟后，页面会变得越来越慢……响应速度越来越慢。很快它就会停下来。我不知道为什么。

2) 刷新可见。每次刷新时，所有表格突出显示都会闪烁一会儿。

所以我想，也许如果我只是尝试刷新一列......它不会停止吗？但是，我曾经尝试仅更新该列，这一切都破坏了，我的所有脚本都将停止工作。而且我不确定如何解决表格突出显示在刷新时消失的问题。我怎样才能让这一切正常工作？

谢谢！

4

1 回答 1

2

<tr>向仅返回 json（或 html，当然被标签包围）格式的最后一行的 URL 发出 ajax 请求。然后，使用 javascript 替换最后一行。

于 2013-10-14T14:58:26.533 回答