• Microsoft .NET
  • ASP.NET
  • Microsoft ASP.NET AJAX: получение данных с сервера при помощи веб-сервисов

Периодическое обновление экрана и заголовка веб-страницы при помощи ASP.NET AJAX - Обновление внешнего вида во время загрузки страницы и через каждые 30 секунд после этого

ОГЛАВЛЕНИЕ

Обновление внешнего вида во время загрузки страницы и через каждые 30 секунд после этого

Последним куском головоломки будет вызывающая веб-сервис и обновляющая внешний вид функция UpdateOpenWorkItemCount,  вызываемая каждые 30 секунд после загрузки страницы (или любое другое количество секунд). Это можно выполнить  путем создания функции pageLoad в JavaScript и вызова функции UpdateOpenWorkItemCount сразу же после этого, а затем используя setInterval , тем самым установив интервал в 30 секунд.

function pageLoad(sender, args) {
   // Обновление экрана, а также последующее обновление через каждые 10 сек...
   UpdateOpenWorkItemCount();

   setInterval('UpdateOpenWorkItemCount();', 30000);
}

И это все! Чтобы изменить частоту вызова функции UpdateOpenWorkItemCount, измените второй входной параметр функции setInterval с 30000 (30 секунд) на необходимое значение.

Обновление экрана и заголовка в действии

Чтобы увидеть обновление экрана и заголовка в действии, загрузите веб-приложение в конце данной статьи, откройте его в Visual Studio и запустите веб-сайт. Откройте два экземпляра обозревателя и авторизируйтесь на сайте. В одном обозревателе посетите Default.aspx, o во втором - WorkItems.aspx. На данном этапе вы должны увидеть число незавершенных заданий в верхнем левом углу. К примеру, в следующем рисунке вы можете увидеть, что существует три незавершенных задания.

 

Также, обратите внимание на то, что количество заданий отображено в заголовке страницы. Это видно в верхней панели окна, закладке и панели задач.

 

Во втором обозревателе (WorkItems.aspx), закройте два задания. Возвратитесь в первый обозреватель(Default.aspx). Не обновляйте страницу и подождите - через 30 секунд вы должны увидеть текст в левом верхнем углу, а также в заголовке, который будет изменено и теперь отображает правильное число незавершенных заданий. Все работает!

 

Веселого программирования!

Scott Mitchell

Скачать исходные коды примера