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

Презентация:



Advertisements
Похожие презентации
Использование AJAX для асинхронной передачи данных. Что такое AJAX. Как использовать. В чем преимущество. Примеры использования на крупных сайтах. Выполнила:
Advertisements

AJAX Asynchronous JavaScript and XML среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря.
WEB- ТЕХНОЛОГИИ Лекция 5. Традиционное Web- программирование 1.
МЕТОДИКА РАЦИОНАЛЬНОГО ВНЕДРЕНИЯ ТЕХНОЛОГИИ АСИНХРОННЫХ ЗАПРОСОВ В WEB-САЙТЫ Четвертая международная научно-техническая конференция ПРОБЛЕМЫ ТЕЛЕКОММУНИКАЦИЙ.
Выполнила: Абдуллаева С.И. Проверила: Митющенко Е.В.
Web 2.0 Твердохлеб Татьяна гр.9231 users, thro. Web 2.0 (определение Тима ОРейли) методика проектирования систем, которые путём учета сетевых взаимодействий.
Web 2.0 Твердохлеб Татьяна гр.9231 users, thro. Web 2.0 (определение Тима ОРейли) методика проектирования систем, которые путём учета сетевых взаимодействий.
Языки, технологии и средства создания Web-сайтов. Компонентная структура. Выполнил Федорова Я.В., студентка СФУ ИППС 1 курс заочное отделение.
Богданов Марат Робертович Современные веб-технологии. Подробный курс RIA-приложения.
Проф. В.К.Толстых, Применение ASP.NET AJAX Extensions Asynchronous JavaScript And XML (Асинхронный JavaScript и XML) Основано на существующих.
Симпозиум 2008 Сергей Шутов, ДИМАС Борис Егоров, Интерсистемс Практика использования Zen и Прототип-6.
ZEN - новая среда для разработки и выполнения Web-приложений Александр Павлов «Школа Инноваций InterSystems 2007»
Создание форм в Access Выполнил: Усманов Шохрух. Формы это важнейшие объекты базы данных, окна, через которые пользователи могут просматривать и изменять.
Реализация концепции построения и формирования отраслевой системы государственного учета, регистрации и мониторинга (ОСГУРМ) информационных ресурсов сферы.
Троицкий Д.И. Интернет-технологии1 ДИНАМИЧЕСКИЕ WEB-СТРАНИЦЫ СЕРВЕРНЫЕ СЦЕНАРИИ Лекция 9 Кафедра «Автоматизированные станочные системы» Dept. of Automated.
Разработки на базе WEB- технологий. Подходы и решения ОАО «Конструкторское бюро системного программирования», г. Гомель, Беларусь.
Управление IT- сервисами и контентом Лекция 5. Статические Содержимое запрашиваемого ресурса в неизмененном виде попадает на компьютер пользователя, выводится.
Выполнил: Измайлов Сергей.. Определение Web 2.0 (определение Тима ОРейли) методика проектирования систем, которые путём учета сетевых взаимодействий становятся.
Технические возможности. Наши цели Максимальная гибкость Максимальная скорость считывания и обработки данных Стабильность работы Максимальная простота.
Разгони свой сайт Лекция 1: Особенности клиентской оптимизации Мациевский Николай 1 / 23 webo.in.
Транксрипт:

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

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

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

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

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

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

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

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

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

Ошибки 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) определяет, какая информация необходима для обновления страницы. Браузер отправляет соответствующий запрос на сервер. Сервер возвращает только ту часть документа, на которую пришёл запрос. Скрипт вносит изменения с учётом полученной информации.

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

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

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