Разработка интернет-приложений. Лекция 8.

Технологии гибридных веб-приложений

На страницу урока →

AJAX

AJAX (Asynchronous Javascript And XML) — технология обращения к серверу без перезагрузки страницы.

Уменьшение времени отклика, создание интерактивных веб-интерфейсов.

Формат пересылаемых данных

JSON — простой и «легкий» формат, хорошо подходит для обработки в JavaScript
XML — универсальный язык разметки документов
HTML/текст
двоичные данные

Способ пересылки данных

по запросу
COMET — доставка данных через постоянное HTTP-соединение

Реализация AJAX

XMLHttpRequest — объект JavaScript, предоставляющий API для реализации AJAX

var xhr = new XMLHttpRequest();

xhr.open('GET', 'http://localhost/ajax.php', false);

xhr.send();

if (xhr.status == 200) {
    alert( xhr.responseText );
} else {
    alert( 'Ошибка ' + xhr.status + ' - ' + xhr.statusText );
}

var xhr = new XMLHttpRequest();

xhr.open('GET', 'http://localhost/ajax.php', true);

xhr.send();

xhr.onreadystatechange = function() {

    if (this.readyState != 4) return;

    if (this.status != 200) {
        alert( 'Ошибка ' + this.status + ' - ' + this.statusText );
        return;
    }

    alert( xhr.responseText );

}

Подробнее — http://learn.javascript.ru/ajax-intro