Innehållsförteckning
Tills för några år sedan var det tänkt på Ajax som framtiden för webbapplikationer, efter dess massifiering med Gmail började, men idag måste det anses att det är verkligheten, i själva verket är en webbplats som för närvarande inte innehåller Ajax på något sätt inte särskilt välskådad.Ajax är en uppsättning tekniker som gör att vi kan skicka och ta emot information utan att behöva uppdatera dokumentet eller ladda om sidan, så förenklat kan vi säga att det är ett verktyg för att spara och påskynda navigering.
Vad är Ajax?
Ajax svarar på en förkortning för Asynkron Javascript och XML nämligen Javascript Y XML asynkron men för närvarande används formatet JSON vanligare än XML anses JSON till och med av många vara standarden.
Allt detta resulterar i något mycket enkelt att förklara, mottagning och sändning av data oberoende av laddning och uppdatering av sidorna, till exempel om vi vill att varje gång vi klickar på en knapp och en del av sidan tar data från en databas , istället för att skicka en begäran till servern genom att skicka in ett formulär och uppdatera hela sidan, kommer vi att göra genom en Javascript -funktion och en förfrågan XMLHttpRequest kommunicera med servern för att hämta data och bara ändra den del av sidan som vi behöver.
När vi ser detta ser det ut och låter underbart, det enda problemet eller gränsen är användningen av Javascript, eftersom om vi inaktiverar det i vår webbläsare kommer vi inte att kunna njuta av dessa funktioner.
Vårt första dokument med Ajax
Nu när vi känner till grunderna och grunderna om Ajax kommer vi att utveckla ett litet exempel som kan illustrera oss om denna teknik.
Låt oss först se följande kod sedan förklarar vi vad den motsvarar:
ExempelÄpplen Körsbär Bananertryck på en knapp
Detta exempel helt enkelt vad det gör är att när vi klickar på en knapp utlöser vi en funktion som kallas HandleButtonPress (), detta skapar ett nytt objekt av typ XMLHttpRequest och med detta kan vi ta HTML -koden inuti knappen, ta dess text och sammanfoga den till .HTML -tillägget för att kunna ringa ett dokument med samma namn som tidigare skapats.
Sedan funktionen handleResponse gör en verifiering av statusen för begäran om den lyckades, i en behållare som redan har angetts laddar den motsvarande dokument som vi har ringt.
Låt oss se i bilder hur processflödet kommer att bli:
Med detta avslutar vi handledningen, vi har redan möjligheten att börja experimentera med Ajax för att berika surfupplevelsen på våra sidor eller dokument HTML.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
