刷新潜水内容不起作用

Refreshing Div Contents not working?

本文关键字：不起作用 潜水 刷新      更新时间：2023-09-26

我在头标签之间有这个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当前一直在刷新（或者它一直在闪烁，但不存在新记录）。

问题是它没有显示正在插入的新记录。唯一的方法是简单地刷新页面（刷新按钮-谷歌Chrome）。

上面的代码出了什么问题？

您是否尝试过在load-like的回调函数上设置警报：

$('#loaddiv').load('reload.php', function() {
  alert('Load was performed.');
});

要确保reload.php加载正确吗？

php代码在服务器端执行，fadeOut/fadeIn在客户端执行。您应该使用ajax或者在setInterval中插入window.load（）来刷新页面。

我建议使用jQuery的.get和.html方法来刷新数据。.get检索结果集，并用.html显示结果集。

http://api.jquery.com/html/

相关文章：