HTML5 - Ajax

Vēl pirms dažiem gadiem par to tika domāts Ajax kā tīmekļa lietojumprogrammu nākotne pēc tam, kad tika sākta to masveidošana ar Gmail, tomēr šodien ir jāuzskata, ka tā ir realitāte, patiesībā vietne, kas šajā laikā kaut kādā veidā neietver Ajax, nav ļoti labi redzama.
Ajax ir paņēmienu kopums, kas ļauj mums nosūtīt un saņemt informāciju bez nepieciešamības atsvaidzināt dokumentu vai atkārtoti ielādēt lapu, tāpēc vienkāršojot varētu teikt, ka tas ir līdzeklis, lai saglabātu un paātrinātu navigāciju.
Kas ir Ajax?
Ajax atbild uz saīsinājumu Asinhronais Javascript un XML proti Javascript Y XML asinhrona, tomēr pašlaik tiek izmantots formāts JSON biežāk nekā XML, daudzi pat uzskata, ka JSON ir standarts.
Tas viss rada kaut ko ļoti vienkārši izskaidrojamu, datu saņemšanu un nosūtīšanu neatkarīgi no lapu ielādes un atsvaidzināšanas, piemēram, ja mēs vēlamies, lai katru reizi, noklikšķinot uz pogas, un daļa no lapas nes datus no datu bāzes Tā vietā, lai nosūtītu pieprasījumu serverim, iesniedzot veidlapu un atsvaidzinot visu lapu, mēs darīsim, izmantojot Javascript funkciju un pieprasījumu XMLHttpRequest sazināties ar serveri, lai iegūtu datus un mainītu tikai to lapas daļu, kas mums nepieciešama.
Kā mēs to redzam, tas izskatās un izklausās brīnišķīgi, vienīgā problēma vai ierobežojums ir Javascript, jo, ja mēs to deaktivizēsim savā pārlūkprogrammā, mēs nevarēsim izbaudīt šīs funkcijas.
Mūsu pirmais dokuments ar Ajax
Tagad, kad mēs zinām Ajax pamatus un pamatus, mēs izstrādāsim nelielu piemēru, kas var mums ilustrēt šo tehniku.
Vispirms apskatīsim šādu kodu, pēc tam paskaidrosim, kam tas atbilst:

 PiemērsĀboli Ķirši BanāniNospiediet pogu

Šis piemērs vienkārši nozīmē, ka, noklikšķinot uz pogas, mēs aktivizējam funkciju ar nosaukumu HandleButtonPress (), tas rada jaunu tipa objektu XMLHttpRequest un ar to mēs varam paņemt HTML pogas iekšpusē, paņemt tās tekstu un savienot to ar .HTML paplašinājumu, lai varētu izsaukt iepriekš izveidotu tāda paša nosaukuma dokumentu.
Tad funkcija handleResponse pārbauda pieprasījuma statusu, ja tas bija veiksmīgs, jau norādītā konteinerā tas ielādēs atbilstošo dokumentu, kuru esam izsaukuši.
Redzēsim attēlos, kāda būs procesa plūsma:

Pirmajā attēlā mums tiek lūgts noklikšķināt uz vienas no pogām, pēc tam otrajā attēlā mēs redzam, kā tiek ielādēts saturs, kas atbilstoši funkcijai Ajax piemērā aprakstītais kods nāk no dokumenta HTML jau izveidots, šis saturs tiek ielādēts div, kur bija norādījums nospiest pogu.
Ar to mēs pabeidzam apmācību, mums jau ir iespēja sākt eksperimentēt Ajax lai bagātinātu pārlūkošanas pieredzi mūsu lapās vai dokumentos HTML.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu