Технология AJAX, бъдещето на уеб приложенията вече е настъпило - промоция на уеб сайт Online Mystery, методи
Дълго време такава „магия“ беше недостъпна за програмистите; за зареждане на данни от сървъра бяха използвани само технологии, свързани с презареждане на страници с променящи се параметри на заявката.
Въпреки това беше изобретена технологията AJAX, с помощта на която програмистите получиха най-широкия набор от инструменти.
Прост пример. Нека вземем няколко реда HTML код:
И добавете jQuery код (технология, базирана на AJAX) към тях:
В резултат на този опит можете да наблюдавате как HTML документ се зарежда в конкретен ID в движение, без презареждане.
Това е технология за зареждане на информация от сървъра в java скриптове. Ако по-рано java скриптът имаше достъп само до директно зареденото съдържание на уеб страницата, сега с помощта на технологията AJAX стана възможно да се правят заявки към сървъра директно от кода на java скрипта. Същността на технологията се състои в това, че вместо пълно презареждане на цялата страница, могат да се зареждат само части от нея. По този начин се увеличава интерактивността, намалява трафикът и се появяват нови възможности за кодиране.
С помощта на AJAX можем малко да опростим схемата: заявките се изпращат до сървъра, отговорите на които няма да бъдат цели уеб страници, а техни фрагменти или стандартизирани кодове, които уеб приложението преобразува във визуална форма с помощта на скриптове от страна на клиента. Например, имаме формуляр, в който данните се показват в таблица. Използвайки Ajax заявка, можете да получите данни от сървъра под формата на XML пакет, а Java скриптът на страницата ще „анализира“ този код и ще го превърне в табличен изглед.
Въпреки това, човек трябва да бъде много внимателен с тази технология, тъй като големите възможности носят със себе си големи потенциални проблеми. Нека да разгледаме какво да вземем предвид.
Добри маниери при използване на AJAX
Трябва да се уверите, че вашите AJAX заявки не пречат на стабилната работа на браузъра и също така не нарушават вашето уеб приложение. Прост пример:
Този HTML код е напълно безполезен. Ако java скриптът се провали или заявката не бъде изпратена, потребителят получава връзка, която не води никъде. Такива грешки в интерфейса са ужасно досадни, защото всеки потребител иска да разбере принципите на приложението, с което се занимава. Нека модифицираме кода, като вземем предвид тази забележка: