Javascript 自动刷新类元素

Question

问题:

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

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

如何有效地重新加载(AJAX 调用)某些类类型、内容？

由于这些列值随着时间从数据库中改变而改变，它们必须按时间间隔自动刷新。

代码示例:

<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 而不是类。 :)