HTML5 - Ajax

Indtil for et par år siden var det tænkt på Ajax som fremtiden for webapplikationer, efter dens massering med Gmail begyndte, men i dag må det anses for, at det er virkeligheden, faktisk er et websted, der på nuværende tidspunkt ikke inkorporerer Ajax på en eller anden måde, ikke særlig godt set.
Ajax er et sæt teknikker, der giver os mulighed for at sende og modtage oplysninger uden at skulle opdatere dokumentet eller genindlæse siden, så forenklet kan vi sige, at det er et værktøj til at gemme og fremskynde navigationen.
Hvad er Ajax?
Ajax reagerer på et akronym for Asynkron Javascript og XML nemlig Javascript Y XML asynkron, men formatet bruges i øjeblikket JSON mere almindeligt end XML, betragtes JSON endda af mange som standarden.
Alt dette resulterer i noget meget simpelt at forklare, modtagelse og afsendelse af data uafhængigt af indlæsning og opdatering af siderne, for eksempel hvis vi ønsker det hver gang vi klikker på en knap og en del af siden bringer data fra en database , i stedet for at sende en anmodning til serveren ved at indsende en formular og opdatere hele siden, vil det, vi vil gøre, være gennem en Javascript -funktion og en anmodning XMLHttpRequest kommunikere med serveren for at hente dataene og kun ændre den del af siden, vi har brug for.
Som vi ser dette, ser det ud og lyder vidunderligt, det eneste problem eller grænsen er brugen af Javascript, da hvis vi deaktiverer det i vores browser, vil vi ikke kunne nyde disse funktioner.
Vores første dokument med Ajax
Nu hvor vi kender det grundlæggende og fundamentale om Ajax, vil vi udarbejde et lille eksempel, der kan illustrere os om denne teknik.
Lad os først se følgende kode, så forklarer vi, hvad den svarer til:

 EksempelÆbler Kirsebær BananerTryk på en knap

Dette eksempel er ganske enkelt, hvad det gør, at når vi klikker på en knap, udløser vi en funktion kaldet HandleButtonPress (), dette skaber et nyt objekt af typen XMLHttpRequest og med dette kan vi tage HTML'en inde i knappen, tage dens tekst og sammenkæde den med .HTML -udvidelsen for at kunne kalde et dokument med samme navn, der tidligere blev oprettet.
Derefter funktionen handleResponse foretager en verifikation af anmodningens status, hvis den lykkedes, i en container, der allerede er udpeget, indlæser den det tilsvarende dokument, som vi har ringet til.
Lad os se på billeder, hvordan procesforløbet vil være:

I det første billede bliver vi bedt om at klikke på en af ​​knapperne, så når vi gør det i det andet billede, ser vi, hvordan indhold indlæses, hvilket ifølge funktionen Ajax beskrevet i eksempelkoden kommer fra et dokument HTML allerede oprettet, indlæses dette indhold i div, hvor instruktionen, der sagde at trykke på en knap, var.
Med dette afslutter vi selvstudiet, vi har allerede muligheden for at begynde at eksperimentere med Ajax at berige browseroplevelsen på vores sider eller dokumenter HTML.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt