HTML5 - „Ajax“

Dar prieš keletą metų apie tai buvo galvota Ajax kaip žiniatinklio programų ateitis, pradėjus masiškai naudoti „Gmail“, tačiau šiandien reikia manyti, kad tai yra realybė, iš tikrųjų svetainė, kurioje šiuo metu nėra „Ajax“, nėra labai gerai matoma.
„Ajax“ yra metodų rinkinys, leidžiantis mums siųsti ir gauti informaciją, neatnaujinant dokumento ar iš naujo įkeliant puslapio, todėl supaprastindami galime sakyti, kad tai įrankis išsaugoti ir pagreitinti naršymą.
Kas yra Ajax?
„Ajax“ atsako į akronimą Asinchroninis „Javascript“ ir XML būtent Javascript Y XML asinchroninis, tačiau šiuo metu naudojamas formatas JSONAS dažniau nei XML, daugelis netgi laiko JSON standartu.
Visa tai paaiškina labai paprasta, tai yra duomenų priėmimas ir siuntimas nepriklausomai nuo puslapių įkėlimo ir atnaujinimo, pavyzdžiui, jei norime, kad kiekvieną kartą spustelėję mygtuką ir dalis puslapio atneš duomenis iš duomenų bazės , užuot siuntę užklausą serveriui, pateikdami formą ir atnaujinę visą puslapį, tai, ką darysime, atliksime naudodami „Javascript“ funkciją ir užklausą XMLHttpRequest bendrauti su serveriu, kad gautų duomenis ir pakeistume tik tą puslapio dalį, kurios mums reikia.
Kaip matome, tai atrodo ir skamba nuostabiai, vienintelė problema ar riba yra Javascript, nes jei ją išjungsime savo naršyklėje, negalėsime naudotis šiomis funkcijomis.
Mūsų pirmasis dokumentas su „Ajax“
Dabar, kai žinome „Ajax“ pagrindus ir pagrindus, ketiname parengti nedidelį pavyzdį, kuris gali parodyti mums apie šią techniką.
Pirmiausia pažiūrėkime šį kodą, tada paaiškinsime, ką jis atitinka:

 PavyzdysObuoliai Vyšnios BananaiPaspauskite mygtuką

Šis pavyzdys paprasčiausiai reiškia, kad spustelėję mygtuką mes suaktyviname funkciją, vadinamą HandleButtonPress (), tai sukuria naują tipo objektą XMLHttpRequest ir tai mes galime paimti HTML mygtuko viduje, paimti jo tekstą ir sujungti į .HTML plėtinį, kad galėtume iškviesti anksčiau sukurtą to paties pavadinimo dokumentą.
Tada funkcija handleResponse patikrina užklausos būseną, jei ji buvo sėkminga, į jau paskirtą konteinerį įkelia atitinkamą dokumentą, kurį mes iškvietėme.
Pažiūrėkime paveikslėliuose, kaip vyks proceso eiga:

Pirmame paveikslėlyje mūsų prašoma spustelėti vieną iš mygtukų, tada, kai tai darome, antrame paveikslėlyje matome, kaip įkeliamas turinys, kuris pagal funkciją Ajax pavyzdyje aprašytas kodas yra iš dokumento HTML jau sukurtas, šis turinys įkeliamas į div, kur buvo nurodymas paspausti mygtuką.
Baigę pamoką, jau turime galimybę pradėti eksperimentuoti Ajax praturtinti naršymo patirtį mūsų puslapiuose ar dokumentuose HTML.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką