Въведение в AJAX.
Използва се за създаването на по-динамични страници, като се зареждат само определени блокове, а не цялата страница. В този урок, както и в всички останали, насочени към тази тема в сайта на Webmake, ще разберете как да използвате тази технология за създаването на динамични страници.AJAX е акроним, който означава Asynchronous Javascript and XML, в буквален превод „асинхронен JavaScript и XML“. Асинхронността в този случай означава възможността да се презарежда само определена част, използвайки XMLHttpRequest обекта и запазвайки в шаблона, без промяна на външният вид или поведението на страницата.
Принципно се използва JavaScript за да се направят връзките с AJAX. Браузърите, които не поддържат XMLHttpRequest не могат да се използват за тази цел.
В тази статия ние ще научим основите на тази технология, заедно с нейната история. Предполагам, че вече имате основни познания по XHTML и JavaScript. Разбирането и на други уеб технологии като XML и CSS би било полезно. Добавям и CSS, защото той също е част от стандарта, който създава AJAX.
Сигурен съм, че всички вие се сещате за митологичната фигура на AJAX. Не? А какво тогава за по-слабият, който размазва Посейдон с неговият тризъбец? AJAX чистача? Хах... :) Тогава започваме.
За да разгледаме техниките за асинхронизиране можем да се върнем обратно в годините на DHTML, даже и по-рано, в годините на src атрибута. Те можеха да се използват за зареждането на друг JavaScript, имитирайки някой от ефектите на AJAX. Представеното през 1998 година от Microsoft отдалечено кодиране сложи край на тези техники, използвайки Java аплети от страната на клиента и давайки възможност за комуникиране с JavaScript. След това от Microsoft пристъпиха към създаването на XMLHttp Request обекта с излизането на петата версия на техният браузър Internet Explorer. През 2005 беше популяризирана от Google.
Но преди да започнем да разучаваме техниките, би било полезно всъщност да разберем какво бихте желали и да сравним преимуществата и недостатъците на използването на AJAX.
Ето и някой от преимуществата:
- съгласуваност
AJAX позволява съгласувано преглеждане на вашите уеб страници, без всъщност да е необходимо презареждане и преход към друга такава.
- плавност
Зареждайки само определена част от вашата страница, вие я правите да изглежда по-лека и приятна, и да прилича повече на флаш приложение или работен плот.
- използваемост
Вашите приложения стават по-приятни и практични за използване.
- малко трафик
Страницата се зарежда много по-бързо! Това се дължи на простият факт, че не се зарежда цялата, а само определена част от нея.
- взаимодействие
Поради по-голямата скорост на зареждане на сайта, потребителите имат по-голям контакт с голяма част от елементите в него. Например, ако имате система за гласуване в обикновен сайт, вие трябва да направите презареждане през няколко страници за да се извърши действието. Със AJAX това става моментално. Понякога може да бъде много досадно да се минава през куп страници за извършването на едно елементарно действие.
Недостатъци:
Дори да не ни се ще, технологията си има и някой недостатъци.
- сигурност
Технологията все още е млада и податлива към различни видове атаки. Ако тази причина е достатъчна да ви откаже, тогава сигурно ще се откажете и от използването на интернет.
- достъпност
Както всички нови технологии, AJAX се издънва, когато става дума за достъпност.
- SEO
Повечето търсачки не могат добре да се справят с AJAX.
- неестественост
Това е нова технология – може да се държи по начин който вие не очаквате. Също така за някой потребители е неестествено поведението на уеб страница като приложение.
Урокът е писан специално за Webmake.