javascript – PHP刷新表,无需刷新整个页面

我有一个PHP页面,其中包含一个表格,其中包含任何信息.该信息每三秒刷新一次.
现在我找到了这个刷新表的解决方案:

<?php
echo "<div>Welcome!</div>";
echo "<div align= \"center\" id=\"infos\">";    
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>

<script type="text/javascript">

$(document).ready (function () {
    var updater = setTimeout (function () {
        $('div#infos').load ('index.php', 'update=true').scrollTop(lastScrollPos);
        }, 3000);
});
</script>

这样html结果是正确的,
页面每3秒正确更新一次,但在第一次更新后发生了一件奇怪的事情:

Html结果:

<div>Welcome!</div>
<div align= "center" id="infos">    
<div>Welcome!</div>
<div align= "center" id="infos">    
<table border= "1">
...
</table>
</div>

所以,在刷新的div之前我所拥有的一切,现在我将它们放在div中.
哪里我错了?

解决方法:

如果我没错,你再次调用同一个文件,这样你就可以尝试这样做,

的index.php

<?php
echo "<div>Welcome!</div>";
echo "<div align= \"center\" id=\"infos\">";    
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>

<script type="text/javascript">

$(document).ready (function () {
    var updater = setTimeout (function () {
        $('div#infos').load ('table.php', 'update=true').scrollTop(lastScrollPos);
        }, 3000);
});
</script>

table.php

<?php
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>
上一篇:Jquery / javascript检测并捕获页面刷新事件?


下一篇:c# – 如何强制WPF ListView重新查询其ItemSource?