28. Технология Ajax: назначение, сущность, этапы выполнения Ajax-запроса.

1. Понятия ajax(asynchronous JavaScript and xml)

2. Компоненты ajax

3. Особенности применения

1.

Ajax – также называют JSс расширенными правами, тк эта технология представляет собой по сути сценарий на языке JS, который по мере необходимости в фоновом режиме выполняют запросы к серверу и получают дополнительные данные, обновляя отдельные части страницы и тем самым исключая необходимость ее повторной загрузки целиком

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

2.

AJAX представляет собой комбинацию следующих компонентов:

• JS - основной компонент, реализующий функциональность на стороне клиента, при этом широко используется объектная модель документа(дом)

• XMLHttpRequest – позволяет из JS организовать асинхронный доступ к серверу, под доступом к серверу подразумевается запросы http на получение файлов (текстовых xml сценариев и тд)

• Серверные технологии – которые необходимы для обслуживания запросов поступающих от JS(PHP)

Сценарии на стороне клиента обладающие доступом к серверу (по средствам XMLHttpRequest может передавать серверу данные в виде пары (имя-значение) с помощью методов GET и POST

Формат ответа сервера должен быть таким что бы он мог быть легко разорван на стороне клиента с помощью JS (кроме XML формата может использоваться одна из его альтернатив технология JavaScript Object Notation (JSON) – представление объектов JS)

3.

Преимущества:

• Скорость реакции веб-приложения

• Снижается нагрузка на сервер

• Задействована уже известная \ существующая технология

• Большое количество библиотек

• Функциональное дополнение существующих технологий

Недостатки:

• Поисковые системы могут оказаться не в состояние проиндексировать все части сайта созданного на AJAX

• Не подключен JS

• Не работоспособность кнопки «назад»в браузерах, поскольку все действия выполняются на 1 странице

• Поскольку адрес страницы в процессе работы не изменяется при добавление закладки на страницу использующую AJAX, сохраняется не текущее состояние страницы полученное в результата асинхронных обращений к серверу, а ее исходное состояние

29. Технология Ajax: назначение объекта xmlHttpRequest, создание его экземпляра, отправка запроса на сервер и принятие ответа сервера.

1. Этапы выполнения ajax запросов

2. Создание экземпляра объекта XMLHttpRequest

3. Отправка запроса на сервер

1.

• Создание экземпляра объекта XMLHttpRequest

• Отправка запросов на сервер с использованием методов open и set

• Принятие сервером запроса, обработка и отправка ответа клиенту

• Обработка клиентом ответа сервера

2.

Синтаксис создания экземпляра объекта XMLHttpRequest

Имя переменной = new XMLHttpRequest();

Синтаксис для создания экземпляра объекта ActiveXObject используется IE6.0 и ниже вместо XMLHttpRequest

Имя переменной =new ActiveXObject(“Microsoft.XMLHTTP”);

Var xhttp;

If (window.XMLHttpRequest)

{xhttp= new XMLHttpRequest();}

Else

{xhttp= new ActiveXObject(“Microsoft.XMLHTTP”);}

3. Отправка запроса на сервер

Метод объекта XMLHttpRequest() open создает запрос , метод send выполняет отправку

Open(метод передачи, url,способ передачи запроса)

Send([данные]); (при post)

Var xhttp;

Xhttp= new XMLHttpRequest();

Xhttp.open (“get”,”textfile.txt”,true);

Xhttp.send();