Преглед садржаја
АЈАКС Садржи скуп техника и технологија које нам омогућавају успостављање асинхроне комуникације између онога што клијент види на вебу и информација које постоје на страни сервера веб странице.Једна од главних карактеристика коју можемо истаћи је да се ослања на различите методе ХТТП Шта ПОСТ, ГЕТ, ПУТ или ДЕЛЕТЕ да бисте могли да шаљете потребне податке апликацијама на серверу.
У раној фази развоја са АЈАКС позиви су морали да се граде помоћу Јавасцрипт стан, који је за нас генерисао много кода јКуери помаже нам да поједноставимо ствари доносећи усвајање ове технике и технологије широким масама, а све у корист и програмера и корисника.
Шта је АЈАКС?АЈАКС одговара Асинхрони Јавасцрипт и КСМЛ Наиме Јавасцрипт И КСМЛ асинхроно, што такође значи да је то нешто што не зависи од фиксне структуре као што је скрипта ПХП где се инструкције извршавају узастопно, наравно чувајући позиве методама и функцијама класа и објеката.
Горе објашњено даје нам могућност учитавања информација или слања без поновног учитавања или упућивања „потпуног“ захтева серверу, стављамо их под наводнике јер позиви АЈАКС То су нормални захтеви, једноставно није потребно освежавати страницу у целости ако се не ради о жељеном понашању.
Кориштење ових техника и технологија представља неке предности за које многи нису свјесни свог постојања, често их користимо само ради тренда, али ако схватимо њене предности, моћи ћемо знати на које пројекте их можемо примијенити извукао највише из тога. Погледајмо у наставку неке од најважнијих предности употребе АЈАКС:
Смањење употребе пропусног опсегаТо постижемо посебно захваљујући захтевима одељака, чиме можемо постићи, на пример, да не морамо да учитавамо опште стилове или слике ако желимо да освежимо текст.
Боље корисничко искуствоПовећањем брзине веб апликације, корисник има значајно побољшање у употреби, осим што нам даје прилику као програмерима да повећамо степен интеракције са елементима које смо уредили.
Уклоните зависност прегледачаКада користиш јКуери елиминише се потреба за писањем кода који зависи од прегледача, што нам помаже да побољшамо брзину развоја и продуктивност нашег времена.
Пошто ништа није савршено, приликом употребе АЈАКС Морамо такође схватити да постоје неки недостаци који нас могу натерати да размислимо и размислимо да ли је то најбоља опција за наш пројекат. Затим ћемо видети неке од ових тачака како бисмо имали потпунију слику пре почетка техничког дела водича.
ЗависностАко клијент или корисник користи веома стари прегледач или користи Јавасцрипт деактивирана, наша апликација може патити или не радити, што нам даје обавезу да правимо посебне случајеве када не можемо користити АЈАКС.
Напишите додатни кодПрема нашој апликацији, морамо да напишемо додатни код да бисмо могли да интегришемо одговоре које добијамо из захтева АЈАКС, као што су одговори који долазе са ХТМЛ И ЦСС.
Наравно, тренутно је веома тешко пронаћи претраживач који није компатибилан Јавасцрипт И јКуериМеђутим, у зависности од нашег подручја, можемо пронаћи неке случајеве који могу јако отежати живот.
Захтев АЈАКС фром јКуери мора имати основну структуру, где морамо успоставити неке параметре потребне за оквир, морамо успоставити методу ХТТП захтева, путању до које ће захтев бити упућен, формат одговора и на крају, шта треба учинити у случају да је захтев успешан или када дође до грешке. Погледајмо у следећем нефункционалном коду како то можемо видети:
$ .ајак ({типе: "ХТТП метход", // ПОСТ, ГЕТ, ПУТ, ДЕЛЕТЕ урл: "Рекуест патх", // хттп: / / ввв.екампле.цом/рекуест датаТипе: "Типе оф дата", / / хтмл, кмл, јсон суццесс: фунцтион он суццесс, еррор: фунцтион он еррор}); Видимо да су сваки одељци које смо описали параметри које прима наш захтев и да се то ради путем методе $ .ајак () који се снабдева од јКуери директно, и то је маска за код Јавасцрипт авион који одговара сваком мотору сваког подржаног прегледача, који су у овом тренутку скоро све најновије рекламе као што су Цхроме, Фирефок, Опера, Сафари Интернет Екплорер, и они изведени из мотора ових које смо поменули.
Сада ћемо применити оно што смо видели у претходном одељку приликом подношења захтева АЈАКС са странице ХТМЛ које ћемо изградити у следећем примеру. Морамо знати да ће нам бити потребна најновија верзија јКуери можемо добити, међутим можемо користити ону коју чувају у свом ЦДН, такође ће нам требати мали веб сервер да бисмо могли усмеравати датотеке које ћемо добити асинхроно, за то можемо да користимо ВАМП у Виндовс, или инсталацију ЛАМП у системима Линук, у вези МАЦ платформи које можемо користити КСАМП или слично.
У следећи код ћемо прво укључити јКуери, тада ћемо у телу створити ознаку са јединственим ИД -ом где ћемо поставити садржај одговора на наш захтев, а при крају документа ћемо направити ознаку скрипта где ћемо генерисати код за постављање захтева, у атрибуту урл упутићемо захтев у индекс фасцикле у којој се налазе наше датотеке, то радимо да бисмо приказали рад нашег кода, међутим начин да то учинимо је да затражимо другу датотеку која ће послужити одговор који нам је потребан, хајде да погледајте код:
Пример захтева АЈАКС -аОбрадите АЈАКС
На следећој слици видимо како је све функционисало, где можемо видети успешан одговор из нашег кода.
Једна од ствари која јКуери жели да не губимо време и кодирамо ствари на дуг начин, зато нам нуди пречице за позиве АЈАКС најчешће методе као што су ДОБИТИ И ПОШТА, па помоћу пречице спремамо неколико редова кода и на тај начин можемо смањити тежину наше апликације.
За ово у званичној документацији од јКуери Имамо све постојеће случајеве, међутим ми ћемо поновити претходни пример користећи у овом случају пречицу, али пре него што видимо функционални код, хајде да видимо нефункционални пример:
$ .гет (путања, подаци, СуццессФунцтион, РеспонсеТипе);
Како смо приметили да је овај позив много мањи, што нам помаже да имамо чистији и лакши код, сада када бисмо ово применили на наш претходни пример, то би било следеће:
Пример захтева АЈАКС -аОбрадите АЈАКС
Видимо да је број редова и знакова значајно смањен, што би побољшало наш пренос података коришћењем мањег пропусног опсега. Ако покренемо све у прегледачу, то би нам дало следећи одговор:
