Javascript自动刷新类元素

Question

问题：

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

一个简单的页面仪表板类型，包含三列网格组织数据。

如何有效地重新加载（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而不是类。 ：）