→ Пошук по сайту       Увійти / Зареєструватися
Знання Технологія AJAX Підбірка матеріалів по використанню AJAX

Введение в AJAX

Компетенція Використання AJAX

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

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

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

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

·        с использованием XMLHttpRequest;

·        через динамическое создание дочерних фреймов;

·        через динамическое создание JavaScript с загрузкой тела script.

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

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

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

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

Модель Ajax

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

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

JSON хорош тем, что на стороне клиента его не надо обрабатывать каким-то специальным образом, достаточно выполнить вызов функции eval(). Однако, исходя из соображений безопасности, его необходимо анализировать, так как при передаче вредоносного кода функция eval() выполнит данный код.

загрузка...
Сторінки, близькі за змістом