Javascript jQuery自动刷新div出错

我有一个脚本可以自动刷新页面上的某个div（我从这里的另一篇文章中得到）

var auto_refresh=setInterval(
函数（）{
$（'#refresh'）.load（'index.php？='+Math.random（））.fadeIn（“慢”）；
}, 10000); // 每10000毫秒刷新一次
...............

但是，当它刷新时，我会将整个html文档放入div中。如下所示：

---

如您所见，刷新的div（红色标记的div）正在将主体推进其中。有什么想法吗？

首先，您正在将整个页面加载到分隔符中，从而导致文件完全重新加载。相反，您应该从单个文件加载最近的帖子分隔符，即使是在第一页加载时也是如此。然后随着时间的推移不断刷新

其次，您应该尽可能少地将数据从服务器传输到客户端。最多，您应该使用最低限度的校验和排序（例如消息数）来确认客户端和服务器是否同步

---

最后，如果您选择使用此格式，请以或等格式传输数据，并让客户端在页面上显示数据。传输样式化HTML会增加网络开销，这不是最佳做法。

首先，您将整个页面加载到分隔符中，从而导致文件完全重新加载。相反，您应该从单个文件加载最近的帖子分隔符，即使是在第一页加载时也是如此。然后随着时间的推移不断刷新

其次，您应该尽可能少地将数据从服务器传输到客户端。最多，您应该使用最低限度的校验和排序（例如消息数）来确认客户端和服务器是否同步

---

最后，如果您选择使用此格式，请以或等格式传输数据，并让客户端在页面上显示数据。传输样式化HTML会增加网络开销，这不是最佳做法。

您正在将整个页面加载到div。 修改代码以仅使用提取的文档的一部分：

    <script type="text/javascript">
        var auto_refresh = setInterval(
        function(){
            $('#refresh').empty();
            $('#refresh').load('index.php?_=' +Math.random()+' #refresh').fadeIn("slow");
        }, 10000); // refresh every 10000 milliseconds
    </script>

var auto_refresh=setInterval(
函数（）{
$（“#刷新”）.empty（）；
$（'#refresh'）.load（'index.php？'='+Math.random（）+'#refresh'）.fadeIn（“慢”）；
}, 10000); // 每10000毫秒刷新一次

您正在将整个页面加载到div。 修改代码以仅使用提取的文档的一部分：

    <script type="text/javascript">
        var auto_refresh = setInterval(
        function(){
            $('#refresh').empty();
            $('#refresh').load('index.php?_=' +Math.random()+' #refresh').fadeIn("slow");
        }, 10000); // refresh every 10000 milliseconds
    </script>

var auto_refresh=setInterval(
函数（）{
$（“#刷新”）.empty（）；
$（'#refresh'）.load（'index.php？'='+Math.random（）+'#refresh'）.fadeIn（“慢”）；
}, 10000); // 每10000毫秒刷新一次

将

$（“#刷新”）

更改为

$（文档）

请告诉我们您的HTML结构以获得更好的回答将

$（“#刷新”）

更改为

$（文档）

请告诉我们您的HTML结构以获得更好的回答好的，它成功了！但是，它会复制数据。因此，我需要删除现有内容，然后用新内容刷新。有什么想法吗？再一次，我对javascript不是很在行。好吧，它成功了！但是，它会复制数据。因此，我需要删除现有内容，然后用新内容刷新。有什么想法吗？再一次，我对javascript不是很在行。