Ajax Intro

787 views

Published on

Презентация доклада "Введение в Ajax", читавшегося Суровым челябинским программистом в ЮУрГУ. Расказывается о модели асинхронных HTTP-запросов, области ее приминения, серверной и клиентской поддержке, перспективах и конкурирующих технологиях.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Ajax Intro

  1. 1. 1 Введение в AJAX Самолысов Павел, Аспирант каф. ЭВМ ЮУрГУ psamolisov@naumen.ru http://samolisov.blogspot.com
  2. 2. 2 Содержание 1. Классическая модель HTTP-запросов 2. Что же такое AJAX 3. Клиентская и серверная поддержка 4. XML vs JSON 5. Перспективы AJAX 6. Конкурирующие технологии 7. Личные впечатления 8. Вопросы
  3. 3. 3 До AJAX
  4. 4. 4 Недостатки классической модели 1. Необходимость перезагружать страницу 2. Необходимость каждый раз формировать тот же самый контент 4. Невозможно снять часть нагрузки с сервера
  5. 5. 5 Что такое AJAX AJAX - Asynchronous Javascript and XML Суть – отправка клиентом асинхронных запросов на сервер, не требующих перезагрузки страницы. ●XMLHttpRequest ●Iframes ●Динамическое создание <script>
  6. 6. 6 Пример 1 Голосование за топики с использованием классической модели и AJAX
  7. 7. 7 Достоинства AJAX 1. Асинхронность 2. Уменьшение трафика 3. Снижение нагрузки на сервер 4. Стирание границы между классическими и веб-приложениями
  8. 8. 8 Недостатки AJAX 1. Javascript 2. Плохая индексируемость поисковиками 3. Отсутствие интеграции с возможностяими браузера 4. Все равно завязанность на запрос Но все это преодолимо
  9. 9. 9 Поддержка на клиенте 1. Google V8 – быстрый Javascript 2. Клиентские библиотеки и фреймворки (Prototype, jQuery, Dojo, GWT, ExtJS, etc) 3. JSON
  10. 10. 10 Поддержка на сервере 1. Microsoft AJAX Library 2. Java – фрэймворки (Tapestry, JSF + Facelets, GWT) 3. PHP (xajax, sajax)
  11. 11. 11 Пример 2 Всплывающая подсказка при поиске
  12. 12. 12 JSON vs XML Преимущества JSON (JavaScript Object Notation) ● Меньший overhead ● Нативное исполнение на клиенте Недостатки JSON ● Пока еще не полная поддержка на сервере ● Нечеловекочитаемость (затрудняет отладку)
  13. 13. 13 Перспективы AJAX 1. Повсеместный переход на быстрый JavaScript 2. Переход от схемы “запрос – ответ” к дуплексной схеме работы. (Ajax Push (a.k.a. Comet, http://tinyurl.com/5rk4d3)
  14. 14. 14 Другие технологии RIA RIA – Rich Internet Applications JavaFX Silverlight/Moonlight Adobe Flex
  15. 15. 15 Впечатления !
  16. 16. 16 Вопросы ?

×