Javascript自動刷新類元素

值在db上不斷變化。需要自動重新加載某些元素值，而無需重新加載所有頁面。與集體出價頁面非常相似。

enter image description here

的簡單網頁儀表板型併網組織的數據的三列。

如何有效地重新加載（AJAX CALL）某些類的類型，內容？

由於這些列值隨着時間的推移而變化，所以它們必須按時間間隔自動刷新。

代碼示例：

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

也許jQuery有一個方法。

2011-03-01 Codex73

您可以使用jquery的$ .ajax方法，然後在成功回發時更改包圍的div/span的樣式以反映更改。 – dmackerman 2011-03-01 18:04:19

設置一個區間函數，我用jQuery做了這個例子。

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

在我的例子<a href="url-to-get.php" class="refresh"></a>會要求href屬性每900毫秒和更新的innerHTML。

爲了獲得更好的性能，您可以緩存選擇器並使用id而不是類。 :)

2011-03-01 19:18:42

這可以簡化。你可以使用'this.href'而不是'$（this）.attr（'href'）'。不需要'window.setInterval'，'setInterval'就足夠了。 – nyuszika7h 2011-03-01 19:21:19

ty，更新了我的答案！ – 2011-03-01 19:23:47

非常感謝，。 – Codex73 2011-03-02 14:54:02

回答