PHP刷新表没有刷新整个页面

时间:2013-12-22 11:35:58

标签: javascript php html html-table refresh

我有一个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里面。 哪里我错了?

2 个答案:

答案 0 :(得分:3)

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

<强>的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>";
?>

答案 1 :(得分:0)

似乎你将index.php的结果加载到div#infos

要么创建一个只生成您要加载的表的PHP 或考虑一般的HTTP刷新 - 这将重新加载整个页面