Элементы класса 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> будет запрашивать атрибут href каждые 900 мс и обновлять innerHtml.

Длялучшую производительность вы можете кэшировать ваши селекторы и использовать идентификатор вместо классов.:)