加入收藏 | 设为首页 | 会员中心 | 我要投稿 北几岛 (https://www.beijidao.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 大数据 > 正文

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

发布时间:2021-08-28 03:46:26 所属栏目:大数据 来源: https://www.jb51.cc
导读:我有一个PHP页面,其中包含一个表格,其中包含任何信息.该信息每三秒刷新一次. 现在我找到了这个刷新表的解决方案: ?PHPecho "divWelcome!/div";echo "div align= "center" id="infos""; echo "table border= "1"";...echo "/table";echo "/div";?scrip

我有一个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>";
?>

(编辑:北几岛)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读