使用 jQuery 在设定的时间间隔内部分刷新 html 内容答案

【问题标题】：Partially refresh html contents on set interval with jQuery使用 jQuery 在设定的时间间隔内部分刷新 html 内容
【发布时间】：2018-10-26 15:13:09
【问题描述】：

我有一个这样的 HTML 页面：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
function reload(){
    $( "#id_1" ).load(window.location.href + " #id_1" );
    $( "#id_2" ).load(window.location.href + " #id_2" );
    }
}
</script></head>
<body>
<span id="id_1">Something</span>
<div id="id_2" >Something</div>
</body>

我想每 10 秒执行一次reload()，而不影响页面的整体性能。 DOM 中有很多按钮都有onClick() 绑定，重要的是它们的性能不受影响。

我尝试使用setInterval() 和setTimeout()，但页面停止工作，直到定义的时间段过去。我还研究了一个网络工作者，但我找不到这样做的方法。据我所知，网络工作者无法访问 DOM。

【问题讨论】：

这段代码没有任何意义。您正在从加载的页面中加载页面的一部分...通常会请求单独的 URL。还不清楚加载“某事”一词会如何影响性能。
这一切的目的是什么？我认为这种方法不会达到您想要的结果。您能否向我们提供更多有关您希望实现的目标的信息，以便我们更好地帮助您？

标签： javascript jquery html performance reload

【解决方案1】：

我是用 ajax 做的。您可以定义一个函数来获取需要重新加载的 div 的内容。说函数 a，然后将 setinterval 函数附加到函数 a。

我确定它应该可以工作

【讨论】：