Cuprins
Până acum câțiva ani s-a gândit Ajax pe măsură ce a început viitorul aplicațiilor web, după masificarea sa cu Gmail, totuși astăzi trebuie considerat că este realitatea, de fapt, un site care în acest moment nu încorporează într-un fel Ajax nu este foarte bine văzut.Ajax este un set de tehnici care ne permit să trimitem și să primim informații fără a fi nevoie să reîmprospătăm documentul sau să reîncărcăm pagina, astfel simplificând am putea spune că este un instrument de salvare și accelerare a navigării.
Ce este Ajax?
Ajax răspunde la un acronim pentru Javascript asincron și XML și anume Javascript Da XML asincron cu toate acestea în prezent este utilizat formatul JSON mai des decât XML, JSON este chiar considerat de mulți drept standard.
Toate acestea au ca rezultat ceva foarte simplu de explicat, recepția și trimiterea datelor independent de încărcarea și reîmprospătarea paginilor, de exemplu dacă vrem ca de fiecare dată când facem clic pe un buton și o parte a paginii să aducă date dintr-o bază de date , în loc să trimitem o cerere către server prin trimiterea unui formular și reîmprospătarea întregii pagini, ceea ce vom face va fi printr-o funcție Javascript și o cerere XMLHttpRequest comunicați cu serverul pentru a prelua datele și a schimba doar porțiunea de pagină de care avem nevoie.
După cum vedem acest lucru, arată și sună minunat, singura problemă sau limită este utilizarea Javascript, deoarece dacă îl dezactivăm în browserul nostru nu ne vom putea bucura de aceste funcționalități.
Primul nostru document cu Ajax
Acum, că știm elementele de bază și fundamentele despre Ajax, vom elabora un mic exemplu care ne poate ilustra despre această tehnică.
Mai întâi să vedem următorul cod, apoi vom explica la ce corespunde:
ExempluMere Cireșe Bananeapasa un buton
Acest exemplu pur și simplu face că atunci când facem clic pe un buton declanșăm o funcție numită HandleButtonPress (), acest lucru creează un nou obiect de tip XMLHttpRequest și cu aceasta putem prelua codul HTML din interiorul butonului, preluăm textul acestuia și îl putem concatena în extensia .HTML pentru a putea apela un document cu același nume creat anterior.
Apoi funcția handleResponse face o verificare a stării cererii dacă a avut succes, într-un container deja desemnat va încărca documentul corespunzător pe care l-am chemat.
Să vedem în imagini cum va fi fluxul procesului:
Cu aceasta terminăm tutorialul, avem deja capacitatea de a începe să experimentăm Ajax pentru a îmbogăți experiența de navigare în paginile sau documentele noastre HTML.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
