Концепция разработки веб-интерфейсов AJAX

Метод разработки AJAX

AJAX, Ajax (Asynchronous Javascript and XML) — набор правил и технологий для разработки сайта, позволяющие ему работать в режиме фонового обмена данными между браузером и сервером. В переводе с английского — ассинхронный JavaScript и XML. Подход используется с 90-х годов, сам термин закрепился с 2005 года, а популяризировала его компания Google.

Технологии AJAX

  • Язык программирования JavaScript
  • Каскадные таблицы стилей CSS
  • Язык разметки HTML
  • Текстовый формат обмена данными JSON
  • Расширяемый язык разметки XML
  • Программный интерфейс DOM

Классическая модель: ввод данных и/или нажатие на кнопку пользователем → отправка браузером данных на сервер → генерация сервером новой веб-страницы → полная перезагрузка страницы браузером. Модель AJAX: ввод данных и/или нажатие на кнопку пользователем → определение c помощью JavaScript изменяемой информации → отправка браузером данных на сервер → генерация сервером измененной части веб-документа → изменение браузером через JavaScript части интерфейса без полной перезагрузки страницы.

Объект XMLHttpRequest обращается к серверу через динамическое создание фреймов или тегов <script> и <img>, а DHTML динамически меняет содержание и внешний вид сайта.

Преимущества AJAX

  • Снижение нагрузки на сервер благодаря частичному изменению страницы;
  • Сокращение трафика за счет сокращения объема передаваемых данных;
  • Быстрая смена интерфейса без мерцания, возникающего при полной перезагрузке;
  • Интерактивность, позволяющая видеть ограничения и подсказки уже при вводе данных;
  • Работа видео и аудио без остановки при параллельных действиях на веб-странице.

Альтернативные технологии: Java-апплеты, Silverlight, WebSocket. Недостатками AJAX можно назвать сложности интеграции с браузерами, нестандартные кодировки, проблемы с обработкой информации при ненадежном соединении.

Примеры использования: подсказки, при вводе поисковой фразы, чаты и уведомления, рейтинги и голосования, интерактивные аукционы.

Мы применяем модель разработки AJAX для создания интернет-магазинов и корпоративных сайтов на UMI.CMS и 1С-Битрикс.


Заинтересовали наши услуги? Вы можете связаться с нами, и мы с удовольствием ответим на ваши вопросы.

Заявка на проект