[英]Refresh <table> HTML without refresh entire page Javascript Only
[英]PHP refresh table without refresh entire page
我有一個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>";
?>
似乎你將index.php的結果加載到div#infos中
要么生成一個只生成你要加載的表的php,要么考慮一般的HTTP刷新 - 這將重新加載整個頁面
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.