Html页面重新加载而不刷新答案

【问题标题】：Html page reloading without refreshHtml页面重新加载而不刷新
【发布时间】：2021-10-29 09:43:57
【问题描述】：

 <script>
        setInterval(function(){
            $.ajaxSetup({ cache: false });
        $('#scrip-data').load(location.href + " #scrip-data");
        }, 30 * 1000);
    </script>

我正在尝试在不重新加载页面的情况下重新加载 div。我注意到布局的大小甚至字母都变小了。我从数据库中获取的数据。它工作正常，除了可以忽略的页面渲染，但我想解决这个问题

任何帮助将不胜感激

【问题讨论】：

试试看这篇文章：stackoverflow.com/questions/18490026/…
在 " 和 #scrip-data 之间有一个空格。所以 URL 看起来像这样 https://myUrl.com_#scrip-data 将 _ 替换为一个空间

标签： javascript jquery node.js

【解决方案1】：

您似乎正尝试每 30 秒重新加载该 Div 的 html。

可能发生的一件事是您在此处发布的 jquery 将目标 div' (#scrip-data) 内部替换为加载的 html。

可能发生的情况是您可能在彼此内部有 div。来自 jQuery 文档：

“这个元素连同它的内容，被插入到 ID 为 result 的元素中，其余检索到的文档被丢弃。”

因此，在此代码运行后，您可能有多个“#scrip-data”div。

【讨论】：

是的，发生了什么。每次重新加载时，都会将 div 放入另一个中，依此类推。而且由于我使用的是引导程序，因此它会影响架构。可能是在我从每个请求中获取数据后，我需要在 html 中重新创建表。

【解决方案2】：

要刷新一个 div，你可以这样做

<script> 
$(document).ready(function(){
setInterval(function(){
      $("#here").load(window.location.href + " #here" );
}, 10000);
});
</script>

<div id="here">dynamic content ?</div>

div 每 10 秒自动重新加载一次。

【讨论】：

这将做他已经在做的事情，并嵌套了“#here” div。