автоматическое обновление таблицы с помощью jquery и animate

Question

У меня есть HTML-таблица, которую я хотел бы автоматически обновлять через ajax (к моему php-скрипту) каждые x секунд. Я также хотел бы анимировать первую ячейку каждой строки, если она отличается от предыдущего значения. Как мне этого добиться?

Answer 1

Для jQuery, пожалуйста, обратитесь к этим ссылкам.

http://api.jquery.com/category/ajax/ - функции ajax

http://api.jquery.com/category/effects/ - эффекты jQuery

http://api.jquery.com/animate/ - функция анимации jQuery для пользовательских анимаций.

Answer 2

Вы захотите взглянуть на функцию Javascript setInterval() и настроить ее для вызова одного из методов jQuery AJAX, таких как $.get() или $.getJSON(), ииспользуйте обратный вызов «success» для сравнения текущих значений в DOM с теми, которые были получены запросом AJAX, и используйте библиотеку эффектов jQuery для анимации, где это применимо.Это похоже на довольно хорошую запись кода таймера Javascript:

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

Я бы просто позаботился об автоматизации (интервал-изинг?) Повторных вызовов на сервер и удостоверился, чтоони не перегружают ваш сервер, а также не перекрывают друг друга - например, если интервал повторяется, пока другой запрос не завершен, вы должны отменить предыдущий запрос и, возможно, рассмотреть возможность увеличения интервала.

Answer 3

С Prototype вы должны использовать Ajax.PeriodicUpdater (). Документы здесь:

http://api.prototypejs.org/ajax/Ajax/PeriodicalUpdater/

Не уверен насчет JQuery, но я предполагаю, что у них есть аналогичная основная функция.1006 *