AJAX Выполнила: студентка группы ПИ-311 Газизова Влада. - презентация

1 AJAX Выполнила: студентка группы ПИ-311 Газизова Влада

2 AJAX, Ajax ( ˈ e ɪ d ʒ æks, от англ. Analytical Javascript and XML «аналитический JavaScript и XML») подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее.

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

4 AJAX не самостоятельная технология, а концепция использования нескольких смежных технологий. AJAX базируется на трёх основных принципах: - использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например с использованием XMLHttpRequest (основной объект): 1) через динамическое создание дочерних фреймов 2)через динамическое создание тега 3)через динамическое создание тега -использование JavaScript как основной код, выполняющий Ajax-приложения и обеспечивающий взаимодействие с серверными приложениями -использование DHTML для динамического изменения содержания страницы

5 Действия с интерфейсом преобразуются в операции с элементами DOM, с помощью которых обрабатываются данные, доступные пользователю, в результате чего представление их изменяется. Здесь же производится обработка перемещений и щелчков мышью, а также нажатий клавиш. Каскадные таблицы стилей, или CSS, обеспечивают согласованный внешний вид элементов приложения и упрощают обращение к DOM-объектам. Объект XMLHttpRequest (или подобные механизмы) используется для асинхронного взаимодействия с сервером, обработки запросов пользователя и загрузки в процессе работы необходимых данных. Три из этих четырёх технологий CSS, DOM и JavaScript составляют DHTML (англ. Dynamic HTML)[1].

6 Данные циркулирующие между сервером и браузером, должны отвечать определённым правилам форматирования. Такие правила обычно описывают два формата: XHTML расширяемый язык разметки; JSON текстовый формат основанный на JavaScript. В редких случаях можно обойтись свободным текстовым форматом передачи данных, но это скорее исключение[2].

7 Преимущества Экономия трафика. Передаются данные только конкретной части страницы, что существенно снижает трафик. Уменьшение нагрузки на сервер. Нет надобности обновлять страницу целиком, уходит конкретный запрос. Быстрая работа самого сервиса. Поскольку работа происходит с конкретным блоком, то и результат его работы можно увидеть намного быстрее. Простота проекта. AJAX часто используют для работы с программным кодом и с большой масштабностью проекта. Разнообразие в использовании. Действие AJAX подразумевает под собой не только работу с формами. Например, в поиске Google вы можете видеть подборку поисковых фраз после ввода уже первых букв Вашего запроса.

8 Недостатки Требуется включенный Java Script. Если в настройках безопасности браузера будет выключен Java Script, то результата работы AJAX можно не увидеть. Данные не доступны поисковикам. Что логично, динамически изменяемые данные, как и прочие в Java Script не видимы поисковым роботом. Невозможно отследить количество обращений. Поскольку AJAX слабо интегрирован со стандартными инструментами браузера, использование динамических элементов нельзя отследить и просмотреть. Для этого приходится использовать другие скрипты[3].

9 Список источников: 1 Свободная энциклопедия Википедия, статья " AJAX " [Электрон, ресурс] – Режим доступа: (дата обращения: ) 2 Технология AJAX [Электрон, ресурс] – Режим доступа: (дата обращения: ) 3 Касаткин С. Уроки [Электрон, ресурс] : Что такое Ajax? ( ) - Режим доступа: (дата обращения: )

10

11 Ошибки 1.AJAX, Ajax ( ˈ e ɪ d ʒ æks, от англ. Analytical Javascript and XML «аналитический JavaScript и XML») Верно AJAX, Ajax ( ˈ e ɪ d ʒ æks, от англ. Asynchronous Javascript and XML «асинхронный JavaScript и XML») 2. При использовании AJAX: Пользователь заходит на веб-страницу и нажимает на какой-нибудь её элемент. Скрипт (на языке Javascript) определяет, какая информация необходима для обновления страницы. Браузер отправляет соответствующий запрос на сервер. Скрипт вносит изменения с учётом полученной информации. Сервер возвращает только ту часть документа, на которую пришёл запрос. Верно При использовании AJAX: Пользователь заходит на веб-страницу и нажимает на какой-нибудь её элемент. Скрипт (на языке Javascript) определяет, какая информация необходима для обновления страницы. Браузер отправляет соответствующий запрос на сервер. Сервер возвращает только ту часть документа, на которую пришёл запрос. Скрипт вносит изменения с учётом полученной информации.

12 Ошибки 3. AJAX не самостоятельная технология, а концепция использования нескольких смежных технологий. AJAX базируется на трёх основных принципах: -использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например с использованием XMLHttpRequest (основной объект): 1) через динамическое создание дочерних фреймов 2)через динамическое создание тега 3)через динамическое создание тега -использование JavaScript как основной код, выполняющий Ajax-приложения и обеспечивающий взаимодействие с серверными приложениями. -использование DHTML для динамического изменения содержания страницы; Верно AJAX не самостоятельная технология, а концепция использования нескольких смежных технологий. AJAX базируется на двух основных принципах: -использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например с использованием XMLHttpRequest (основной объект); 1)через динамическое создание дочерних фреймов 2)через динамическое создание тега 3)через динамическое создание тега, -использование DHTML для динамического изменения содержания страницы;

13 Ошибки 4. Данные циркулирующие между сервером и браузером, должны отвечать определённым правилам форматирования. Такие правила обычно описывают два формата: XHTML расширяемый язык разметки; JSON текстовый формат основанный на JavaScript. Верно Данные циркулирующие между сервером и браузером, должны отвечать определённым правилам форматирования. Такие правила обычно описывают два формата: XML расширяемый язык разметки; JSON текстовый формат основанный на JavaScript. 5. Преимущества Простота проекта. AJAX часто используют для работы с программным кодом и с большой масштабностью проекта. Верно Недостатки Сложность самого проекта. Со временем, при частом использовании AJAX на сервисе могут возникнуть трудности в работе с программным кодом и масштабностью проекта.

14 Спасибо за внимание.