Javascript 自动刷新类元素答案

【问题标题】：Javascript Auto-Refresh Class ElementsJavascript 自动刷新类元素
【发布时间】：2011-03-01 18:03:06
【问题描述】：

问题：

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

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

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

由于这些列值随着时间的推移从 db 发生变化，因此它们必须按时间间隔自动刷新。

代码示例：

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

也许 Jquery 有一个方法。

【问题讨论】：

【解决方案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 而不是类。 :)

【讨论】：

这可以简化。您可以使用this.href 代替$(this).attr('href')。而且不用window.setInterval，setInterval就够了。