AJAX - новый подход к построению интерактивных веб-сайтов

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

Для того чтобы данная концепция могла работать необходимо между клиентом и сервером создать так называемый Ajax-движок. Который бы выполнял функции асинхронного доступа пользователя к данным на сервере. Как же же работает модель Ajax?

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

Как было сказано выше Ajax – это лишь подход, а не технология. Он базируется на ряду технологий:

* Стандартизированное представление с использованием XHTML и CSS;
* Динамическое представление и взаимодействие с помощью Document Object Model (DOM);
* Обмен и управление данными через XML и XSLT;
* асинхронное получение данных с помощью Xmlhttprequest;
* и Javascript, которое связывает все в одно целое.

Классическая модель веб-приложений технически является продуманной и логической, но с ее помощью нельзя достичь хорошего взаимодействия с пользователем. И Ajax призван это изменить.

В чем же отличия Ajax? В классической модели, когда пользователь вводит адрес необходимой страницы, сервер получает запрос по получению страницы и формирует ответ, который перенаправляется браузеру пользователя. В Ajax-модели перед загрузкой страницы браузер загружает Ajax-движок, который отвечает за формирование интерфейса пользователя и взаимодействует с сервером от имени пользователя. Основная идея Ajax-движка заключается в том, что он проводит взаимодействие с клиентом и сервером асинхронный, а следовательно пользователю уже не нужно ожидать полной перезагрузки веб-страницы, глядя на белый экран.

Мы видим, что на одинаковом часовом промежутке модель асинхронного взаимодействия является лучшей, поскольку пользователь может выполнить большее количество операций чем в классической модели.

Ajax-модель является значительно тяжелее в реализации за классическую модель. Но в сети Интернет уже можно найти готовые Ajax-движки которые можно использовать для построения интерактивных веб-сайтов. Так стоит отметить xAjax.

xAjax это open source библиотека классов PHP, с помощью которой легко создавать мощные, вебориентованые Ajax-дополнения, которые используют HTML, CSS, Javascript, и PHP. Дополнения, которые работают с помощью библиотеки xAjax могут асинхронно вызывать размещенные на сервере PHP функции и обновлять содержание без перезагрузки страницы.

Как работает xAjax? Библиотека xAjax создает функции Javascript, которые являются оболочкой для PHP функций, которые вы можете вызывать из сервера. Когда вызывается функция Javascript то эта функция использует объект Xmlhttprequest для асинхронного соединения с обьектом xAjax на сервере. После завершения этого действия возвращается xAjax XML ответ, который содержит данные которые будут проанализированы специальными функциями Javascript-овой части xAjax и использованы для обновления содержания веб-страницы.

Август 8, 2008 — Рубрика: JavaScript
Метки: , , , , ,