Javascript 如何只更新php/mysql生成的表的一列,而不重新加载page/table?
因此,我使用php从mysql表中获取数据来生成以下HTML表。我想做的是使用ajax不断地更新最后一行,这样表就不会重新加载整个表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
<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替换最后一行