Отправляет email-рассылки с помощью сервиса Sendsay

WebDix советует...

  Все выпуски  

WebDix советует... Совет #84


Ajax. Вкратце, что же это такое?

Asynchronous JavaScript and XML — «асинхронный JavaScript и XML») — это подход к построению интерактивных пользовательских интерфейсов веб-приложений. При использовании AJAX веб-страница не перезагружается полностью в ответ на каждое действие пользователя. Вместо этого с веб-сервера догружаются только нужные пользователю данные. AJAX — один из компонентов концепции DHTML.

AJAX по-английски произносится эй-джэкс, по-русски довольно распространено ая́кс.

Об AJAX заговорили после появления 18 февраля 2005 г. статьи Джесси Джеймса Гарретта (Jesse James Garrett) «Новый подход к веб-приложениям». AJAX — это не самостоятельная технология, а идея.

AJAX базируется на двух основных принципах:

  • использование DHTML для динамического изменения содержания страницы;
  • использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например:

Использование этих двух принципов позволяет создавать намного более удобные веб-интерфейсы пользователя на тех страницах сайтов, где необходимо активное взаимодействие с пользователем. Использование AJAX стало наиболее популярно после того, как компания Google начала активно использовать его при создании своих сайтов, таких как Gmail, Google Maps и Google Suggest. Использование AJAX на этих сайтах подтвердило эффективность использования данного подхода.

Flash стек технологий в dblt ActionScript 3, Flex, Flash Remoting составляет технологическую основу так называемых RIA (Rich Internet Applications) активно продвигаемых Macromedia (теперь часть Adobe). RIA являются главными конкурентами Ajax.

Сравнение стандартного подхода и AJAX

Классическая модель веб-приложения

  • Пользователь заходит на веб-страницу и нажимает на какой-нибудь её элемент.
  • Браузер формирует и отправляет запрос серверу.
  • В ответ сервер генерирует совершенно новую веб-страницу и отправляет её браузеру и т. д. После чего браузер полностью перегрузит всю страницу.

Модель AJAX

  • Пользователь заходит на веб-страницу и нажимает на какой-нибудь её элемент.
  • Скрипт (на языке JavaScript) определяет, какая информация необходима для обновления страницы.
  • Браузер отправляет соответствующий запрос на сервер.
  • Сервер возвращает только ту часть документа, на которую пришел запрос.
  • Скрипт вносит изменения с учётом полученной информации (без полной перезагрузки страницы).

Часто сервер передаёт не готовый HTML-код, а только данные; а HTML-элементы создаются исходя из этих данных, с использованием методов модификации DOM, или трансформации XSLT. При этом в качестве формата передачи данных обычно используются XML или JSON.

На этом сегодня всё. До завтра! 

Nikitar

PS. У вас есть вопрос, связанный с веб-дизайном, flash-анимацией или photoshop'ом? Задайте мне его по мылу, и я вам отвечу либо лично, либо направлю к специалистам, которые с радостью ответят на ваш вопрос. Можно писать прямо вот отсюда: http://webdix.ru/konkakt.html

 WebDix.ru - сайт журнала о веб-дизайне WebDix

WebDix #15 - скачать выпуск журнала

RusForumz.com - форум о веб-дизайне

В избранное