Javascript 自动刷新类元素

Question

问题：

数据库上的值不断变化。需要自动重新加载某些元素值而不重新加载所有页面。与附图所示的集体投标页面非常相似。

简单的页面仪表板类型，具有三列网格组织数据。

如何有效地重新加载（AJAX CALL）某些类类型、内容？

由于这些列值随着数据库时间的推移而变化，因此它们必须按时间间隔自动刷新。

代码示例：

<div class="autovalue">26</div>
<div class="autovalue">20</div>
<div class="autovalue">96</div>

也许 Jquery 有一个方法。

Answer 1

设置一个间隔函数，我使用 jQuery 完成了这个示例。

var intervalID = setInterval(function(){
   $('.refreshClass').each(function(){
      $(this).load(this.href);
   })
}, 900);

在我的示例中

<a href="url-to-get.php" class="refresh"></a>

将每900毫秒请求一次href属性并更新innerHtml。

为了获得更好的性能，您可以缓存选择器并使用 id 而不是类。 :)

Answer 2

我希望网站内有一个日历，其中显示的这些代码可以通过单击按钮重新加载：

请帮我