Съдържание
Допреди няколко години се мислеше за това Аякс като бъдещето на уеб приложенията, след като започна масовото му използване с Gmail, обаче днес трябва да се има предвид, че това е реалността, всъщност сайт, който по това време не включва Ajax по някакъв начин, не се вижда много добре.Ajax е набор от техники, които ни позволяват да изпращаме и получаваме информация, без да се налага да опресняваме документа или да презареждаме страницата, така че опростявайки можем да кажем, че е инструмент за запазване и ускоряване на навигацията.
Какво е Ajax?
Ajax отговаря на акроним за Асинхронен Javascript и XML а именно Javascript Y XML асинхронен, но в момента форматът се използва JSON по -често от XML, мнозина дори считат JSON за стандарт.
Всичко това води до нещо много лесно за обяснение, приемането и изпращането на данни независимо от зареждането и опресняването на страниците, например ако искаме това всеки път, когато кликнете върху бутон и част от страницата носи данни от база данни , вместо да изпращаме заявка до сървъра чрез изпращане на формуляр и опресняване на цялата страница, това, което ще направим, ще бъде чрез функция Javascript и заявка XMLHttpRequest комуникираме със сървъра, за да извлечем данните и да променим само частта от страницата, от която се нуждаем.
Както виждаме това, изглежда и звучи прекрасно, единственият проблем или ограничение е използването на Javascript, тъй като ако го деактивираме в браузъра си, няма да можем да се насладим на тези функционалности.
Първият ни документ с Ajax
Сега, когато знаем основите и основите на Ajax, ще разработим малък пример, който може да ни илюстрира за тази техника.
Първо нека видим следния код, след което ще обясним на какво съответства:
ПримерЯбълки Череши БананиНатиснете бутон
Този пример просто прави това, че когато кликнете върху бутон, задействаме функция, наречена HandleButtonPress (), това създава нов обект от тип XMLHttpRequest и с това можем да вземем HTML вътре в бутона, да вземем неговия текст и да го свържем с .HTML разширението, за да можем да извикаме документ със същото име, създаден по -рано.
След това функцията handleResponse прави проверка на състоянието на заявката, ако е била успешна, в вече определен контейнер ще зареди съответния документ, който сме извикали.
Нека видим в изображенията как ще протича процесът:
С това приключваме урока, вече имаме възможността да започнем да експериментираме Аякс за обогатяване на сърфирането в нашите страници или документи HTML.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
