Знакомство с Ajax.



AJAX расшифровывается как «Асинхронный JavaScript и XML». Под AJAX понимается не одна технология, и она не является новой. На самом деле это группа технологий (HTML, CSS, Javascript, XML, и т.д.), которые связываются вместе для создания современных web-приложений.

С помощью AJAX клиент (браузер) общается с сервером и запрашивает у него данные. Полученный ответ обрабатывается, и в станицу вносятся изменения без полной ее перезагрузки.

Достоинства AJAX:

  • Возможность создания удобного Web-интерфейса;
  • Активное взаимодействие с пользователем;
  • Частичная перезагрузка страницы, вместо полной;
  • Удобство использования.

Как работает Ajax

Давайте посмотрим описание стандартного AJAX сценария:

  1. Например, пользователь хочет увидеть больше статей, и он или она кликает на нужную кнопку. Данное событие запускает вызов AJAX.
  2. Запрос посылается на сервер. С запросом можно передать различные данные. Запрос может посылаться в статический файл, хранящийся на сервере. Также можно выполнять динамические скрипты, на каждом этапе которых будет происходить общение с базой данных для извлечения необходимой информации.
  3. База данных отсылает обратно запрошенные статьи на сервер. А сервер посылает их в браузер.
  4. JavaScript парсит ответ и обновляет часть DOM (структуру страницы).

Обмен данными

Для того, чтобы осуществлять обмен данными, на странице должен быть создан объект XMLHttpRequest, который является своеобразным посредником между браузером пользователя и сервером. С помощью XMLHttpRequest можно отправить запрос на сервер, а также получить ответ в виде различного рода данных.

Создание объекта XMLHttpRequest

Для создания объекта в Gecko-совместимых браузерах, Konqueror`е и Safari, 
нужно использовать следующее выражение:
 
var Request = new XMLHttpRequest(); 

А для Internet Explorer`а используется следующее:

var Request = new ActiveXObject("Microsoft.XMLHTTP");

Методы объекта XMLHttpRequest

abort() — отмена текущего запроса к серверу.

getAllResponseHeaders() — получить все заголовки ответа от сервера.

getResponseHeader(«имя_заголовка») — получить указаный заголовок.

open(«тип_запроса»,«URL»,«асинхронный»,«имя_пользователя»,«пароль») — инициализация запроса к серверу, указание метода запроса. Тип запроса и URL — обязательные параметры. Третий аргумент — булево значение. Обычно всегда указывается true или не указывается вообще. Четвертый и пятый аргументы используются для аутентификации.

send(«содержимое») — послать HTTP запрос на сервер и получить ответ.

setRequestHeader(«имя_заголовка»,«значение») — установить значения заголовка запроса.

Свойства объекта XMLHttpRequest

onreadystatechange — задаётся обработчик, который вызывается всякий раз при смене статуса объекта.

readyState — число, обозначающее статус объекта.

responseText — представление ответа сервера в виде обычного текста (строки).

responseXML — объект документа, совместимый с DOM, полученного от сервера.

status — состояние ответа от сервера.

statusText — текстовое представление состояния ответа от сервера.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Chinese (Traditional)EnglishJapaneseRussianUkrainian

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: