Клиентски JavaScript - AJAX

Клиентски JavaScript
AJAX

Какво е AJAX
• Използване на JavaScript код за обмен на данни с уебсървъра по протокола HTTP без необходимост от
презареждане на страницата
– 2005, Jesse James Garrett: "Ajax: A New Approach to Web
Applications"
– първоначално абревиатура на Аsynchronous JavaScript +
XML – тогава XML е общоприетия стандарт за
комуникация клиент/сървър.
– Данните, получавани от сървъра могат да бъдат в
произволен формат – напр. текстов файл, XML файл,
резултати от изпълнение на сървърен скрипт и т.н.
• Техника, която комбинира множество известни технологии
с цел създаване на по-бързи и приятелски настроени уеб
страници
• Технология от страна на клиента

Пример 1: google search

Пример 2: google maps

Предназначение на AJAX
• Предотвратява незадължителното презареждане на
страницата.
– Например, при изпращане на форми, макар че поголямата част от страницата остава същата, цялата
страница се презарежда от сървъра
– Това причинява дълго чакане и загуба на трафик
• AJAX спомага за зареждането само на задължителната
информация, и за промяна само на необходимите
елементи на страницата без презареждане на цялата
страница.

Синхронен и асинхронен режим
• Когато браузерът достигне до таг <script>, той по
правило спира обработката на останалата част на
страницата до приключване на скрипта – синхронен
модел на обработка
• С Ajax, браузерът може да изиска данни от сървъра и да
продължи да зарежда останалата част от страницата и
да взаимодейства с потребителя – това е асинхронен
или не-блокиращ процес на обработка.

Tрадиционно взаимодействие клиентсървър