HTML5 - Ajax

Inntil for noen år siden var det tenkt på Ajax som fremtiden for webapplikasjoner, etter at masseringen med Gmail begynte, men i dag må det anses at det er virkeligheten, faktisk er et nettsted som for øyeblikket ikke inneholder Ajax på en eller annen måte ikke godt sett.
Ajax er et sett med teknikker som lar oss sende og motta informasjon uten å måtte oppdatere dokumentet eller laste inn siden på nytt, så forenklet kan vi si at det er et verktøy for å lagre og fremskynde navigasjonen.
Hva er Ajax?
Ajax svarer på et akronym for Asynkron Javascript og XML nemlig Javascript Y XML asynkron, men for tiden brukes formatet JSON oftere enn XML, anses JSON til og med av mange som standarden.
Alt dette resulterer i noe veldig enkelt å forklare, mottak og sending av data uavhengig av lasting og oppdatering av sidene, for eksempel hvis vi vil at hver gang vi klikker på en knapp og en del av siden bringer data fra en database , i stedet for å sende en forespørsel til serveren ved å sende inn et skjema og oppdatere hele siden, vil det vi vil gjøre gjennom en Javascript -funksjon og en forespørsel XMLHttpRequest kommunisere med serveren for å hente dataene og bare endre delen av siden vi trenger.
Når vi ser dette, ser det ut og høres fantastisk ut, det eneste problemet eller grensen er bruken av Javascript, siden hvis vi deaktiverer det i nettleseren vår, vil vi ikke kunne glede oss over disse funksjonene.
Vårt første dokument med Ajax
Nå som vi kjenner det grunnleggende og grunnleggende om Ajax, skal vi utdype et lite eksempel som kan illustrere oss om denne teknikken.
La oss først se følgende kode, så forklarer vi hva den tilsvarer:

 EksempelEpler Kirsebær Bananertrykk på en knapp

Dette eksemplet er ganske enkelt at når vi klikker på en knapp, utløser vi en funksjon som kalles HandleButtonPress (), dette skaper et nytt objekt av typen XMLHttpRequest og med dette kan vi ta HTML -en inne i knappen, ta teksten og koble den til .HTML -utvidelsen for å kunne kalle et dokument med samme navn som ble opprettet tidligere.
Deretter funksjonen handleResponse gjør en bekreftelse av statusen til forespørselen hvis den var vellykket, i en container som allerede er utpekt, vil den laste det tilsvarende dokumentet som vi har ringt.
La oss se på bilder hvordan prosessflyten blir:

I det første bildet blir vi bedt om å klikke på en av knappene, så når vi gjør det i det andre bildet, ser vi hvordan innhold lastes inn, noe som i henhold til funksjonen Ajax beskrevet i eksempelkoden kommer fra et dokument HTML allerede opprettet, er dette innholdet lastet inn i div der instruksjonen som sa å trykke på en knapp var.
Med dette fullfører vi opplæringen, vi har allerede muligheten til å begynne å eksperimentere med Ajax for å berike nettleseropplevelsen på våre sider eller dokumenter HTML.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng