16. Протокол http. Технология ajax.

AsynchronousJavascriptAndXml - технология для взаимодействия с сервером без перезагрузки страниц. За счет этого уменьшается время отклика и веб-приложение по интерактивности больше напоминает десктоп.

Поток выполнения, использованный vote, довольно типичен и выглядит так:

1. Функция создает объект XmlHttpRequest

2. назначает обработчик ответа сервера onreadystatechange

3. открывает соединение open

4. отправляет запрос вызовом send(ответ сервера принимается срабатывающей в асинхронном режиме функциейonreadystatechange)

5. показывает посетителю индикатор состояния процесса

Для асинхронных запросов от клиента к серверу на стороне браузера служит специальный объект под названием XMLHTTPRequest.

Технология AJAX позволяет нам обмениваться данными меду браузером и сервером в фоновом режиме, не обновляя страницу, то есть без необходимости отправки дополнительных CGI-запросов серверу, что исключает задержки отклика на события, инициируемые клиентом (пользователем). Поэтому такой обмен называется асинхронным.

Под асинхронностью в программировании понимается процесс выполнения команд пользователя без необходимости синхронизации с сервером.

Асинхронность в случае AJAX можно представить в виде двух процессов: высокого приоритета и низкого. Первостепенным действием является процесс отображения страницы браузером. А второстепенным – обработка запросов пользователя сервером. В момент выполнения операций на стороне сервера, благодаря AJAX, браузер хотя и ждет ответа сервера, но не ограничивает работу пользователя со страницей.

Итак, концепция такова: между браузером и сервером не переставая происходит обмен данными, которые:

1. Вводятся в браузер средствами пользовательского интерфейса;

2. Отправляются на сервер;

3. Обрабатываются на сервере, возможно, заносятся в БД;

4. В это время браузер ожидает возвращение ответа;

5. Пока браузер ждет, он не прекращает работу пользователя;

6. Дождавшись данных от сервера в определенном формате, обрабатывает их и выводит в контент HTML страницы.

Осталось упомянуть важный момент: данные циркулирующие между сервером и браузером, должны отвечать определённым правилам форматирования. Такие правила обычно описывают два формата:

1. XML (eXtensible Markup Language) — расширяемый язык разметки;

2. JSON (JavaScript Object Notation) —текстовый формат основанный на JavaScript.

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

Технология AJAX расшифровывается как (Asynchronous JavaScript and XML), из этого можно сделать вывод, что разработчики в первую очередь предполагают использование формата XML. Но на деле, как показывает практика все чаще используется формат JSON, в силу своего минимализма. Другими словами – работать с обоими форматами можно одинаково хорошо, но один и тот же набор данных, представленный в JSON и XML, в первом будет иметь меньший размер. Следовательно, если JSON имеет меньший размер, то и передаваться он будет быстрее, чем XML.