[英]Refreshing Div Contents not working?
我在head標簽之間有這個Javascript代碼
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script>
var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('reload.php').fadeIn("slow");
}, 1000);
</script>
div看起來像這樣:
<div id="loaddiv">
<div style="float: left; width:868px; height:635px; border:2px solid #000; overflow:auto;">
<?php
index_table();
?>
</div>
</div>
index_table();
是一個從MySQL數據庫中的表輸出記錄的函數。 每次將新記錄插入此表時,它應該自動顯示,因為我的div
當前保持刷新(或者它一直閃爍但新記錄不存在)。
問題是它沒有顯示正在插入的新記錄。 唯一的方法是刷新頁面(刷新按鈕 - 谷歌瀏覽器)。
上面的代碼有什么問題?
php代碼在服務器端執行,fadeOut / fadeIn在客戶端執行。 您應該使用ajax或在setInterval中插入window.load()來刷新頁面。
您是否嘗試在.load的回調函數上設置警報,如:
$('#loaddiv').load('reload.php', function() {
alert('Load was performed.');
});
要確保reload.php正確加載?
我建議使用jQuery的.get和.html方法來刷新數據。 .get檢索結果集和.html以顯示結果集。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.