AJAX: различия между версиями

Самым примечательным из этих новых приложений является [[w:Google Maps|Google Maps]]. Пользуясь им, можно находить определенную местность на карте планеты, затем переходить к более мелким объектам, прокручивать перетягивать карту без необходимости обновления страницы.

 

 

AJAX — это коллекция технологий, существующих с момента появления Web. А вот и возможности, предоставляемые AJAX (как это представил Джис Джеймс Гаррет (Jesse James Garrett), он первым ввел термин 'AJAX' для асинхронного [[w:JavaScript|JavaScript]] + [[w:XML|XML]]):

Для начала необходимо создать веб-страничку, имитирующую типичный портлет для веб-почты, и встроить события onMouseOver JavaScript, запускающие вызовы AJAX

 

 

В этом случае события «onMouseOver» прилагаются к полям таблицы (ПТ) с именами отправителей. Выбор полей с данными и запуск событий для вызовов AJAX предназначены строго для иллюстративных целей:

* Свойство типа Boolean обозначает, должен ли вызов выполняться асинхронно. Вышеупомянутый метод также определяет метод processResponse по обработке содержимого как callback, активизируемый при загрузке содержимого из URL.

 

Вышеупомянутый метод processResponse активизируется как callback. Он извлекает

вывод объекта XMLHttpRequest, проводит синтаксический анализ и присваивает вывод

Назовем проект C:\ClientCallBack. Наполним веб-форму по умолчанию (Default.aspx) элементами управления, как показано на рисунке, включая элементы управления панели, текстового окна, кнопок и изображений.

 

 

Для элемента управления <img> можно применить Internet Explorer, чтобы загрузить домашнюю страничку Amazon.com, перетащить картинку логотипа и поместить его на элемент управления панелью. Элемент <img> автоматически добавляется его на панель, после чего отображается логотип Amazon.com.

 

 

Переключаем Default.aspx на Source View и заключаем элемент <asp:Image> в элемент <a>:

</source>

 

 

А вот и результат! Теперь нажмите F5, чтобы протестировать приложение. Наберите номер ISBN в текстовом окне и нажмите кнопку Show Cover. Вы увидите, что обложка книги отображается на странице, и для этого не нужно её обновлять (страница не мерцает).

рисунке, включая таблицу 3x2 и кнопочный элемент управления.

 

 

Настройте GetStockPrice() в свойства OnClientClick на кнопке Start Stocker Ticker.

<pre>25.70,+0.24,35.84,+0.48</pre>

 

 

Вот и все! Чтобы протестировать приложение, нажмите F5. Щелкните на кнопке Start Stock Ticker и вы увидите, как значения биржевых цен меняются каждую минуту.