WEB- ТЕХНОЛОГИИ Лекция 5. Традиционное Web- программирование 1. - презентация

1 WEB- ТЕХНОЛОГИИ Лекция 5

2 Традиционное Web- программирование 1

3 Web- программирование на основе Ajax 2

4 Ajax 3 AJAX Asynchronous JavaScript and XML ( Асинхронный Javascript и XML) Основные технологии : – HTML – JavaScript – DHTML, или Dynamic HTML – DOM, Document Object Model ( объектная модель документов ).

5 Синхронные и асинхронные запросы 4 Синхронные запросы ожидают ответа от сервера ; на это время работа приложения блокируется. Асинхронные запросы не ждут ответа, поэтому во время обработки запроса пользователь может продолжить работу с приложением.

6 Объект XMLHttpRequest 5 1. Создать экземпляр объекта для передачи запросов серверу 2. Указать URL сценария, работающего на веб - сервере 3. Запрограммировать действия с помощью JavaScript

7 JavaScript в Ajax 6 Для отправки запросов в асинхронных приложениях используются объекты JavaScript, а не отправка формы. Получив от сервера ответ, JavaScript может обновить страницу новыми данными, изменить изображение или даже перенаправить пользователя на другую страницу. Обработчики событий JavaScript позволяют организовать вызов кода JavaScript при выполнении различных условий.

8 Роль браузера в Ajax 7

9 Состояние готовности запроса 8

10 Статус запроса 9 Статус указывает, что произошло во время запроса, и развивались ли события именно так, как предполагалось. Если программа успешно обработала запрос, возвращается статус 200. Если сервер не может найти программу, указанную в URL, он возвращает код статуса 404. Завершив обработку запроса, сервер возвращает код статуса и состояние готовности 4.

11 Функция обратного вызова 10 Функция обратного вызова – это та функция, которая запускается браузером при изменении состояния запросов. Функция обратного вызова вызывается более одного раза : 1 – 2, 2 – 3, 3 – 4 Обычно функция обратного вызова программируется так, чтобы она выполняла свои действия только при завершении обработки запроса сервером – то есть в состоянии готовности 4.

12 HTML-DOM в Ajax 11

13 Инструментарии Ajax 12 Prototype Dojo Toolkit JQuery