HTML5 - Ajax, formulärinlämning

Innehållsförteckning
En av de viktigaste användningsområdena som ges till Ajax är att skicka data till servern, för detta använder vi formerna för HTML5Med detta kan våra serverskript göra beräkningar, valideringar, bearbetning, aktivera andra skript etc. Allt våra behov kräver.
På så sätt uppnår vi svar på förfrågningar i våra dokument, undviker omläsning av hela sidan, förbättrar navigering och skapar mycket mer optimala och interaktiva effekter för användaren som går in på vår webbplats.
Skickar formulärdata
Som vi nämnde tidigare är användningen av formulär nyckeln till att skicka data till servern, ett av de vanligaste sätten är att samla in informationen på egen hand och formatera den, på så sätt skulle den vara tillgänglig för att skickas.
Låt oss se följande kod som vi kan illustrera och definiera vad vi förklarar i detta teoretiska avsnitt:
 ExempelBananer:Äpplen:Körsbär:Total:0 artiklarSkicka formulär 

I den här koden har vi helt enkelt ett formulär med flera inmatningsfält, i blocket där etiketterna börjar ser vi hur vi tar data från formuläret och itererar med varje ingång som vi hittar, så att vi kan manipulera dem och lägga till det i en variabel som innehåller en sträng med var och en av data, ser den här strängen ut så här:
bananer = 2 & äpplen = 5 & körsbär = 20 &.
Då kan vi skicka dessa data via POSTA till vår server och slutligen är det mottagna svaret inkorporerat i ett element med ett specifikt id, med detta kan vi införa en ändring på sidan utan att behöva uppdatera den helt.
Låt oss se i följande bild hur detta skulle se ut i vår webbläsare:

FÖRSTORA

Vi kan märka att detta gör att vi kan uppdatera mängden objekt som vi placerar i inmatningsfälten, vilket skapar en asynkron effekt som ger mer rikedom och interaktivitet till vår sida eller dokument. HTML5.
Med detta avslutar vi denna handledning, som vi ser är det ganska enkelt att implementera en lösning Ajax Det gör att vi kan skicka data till servern utan att behöva generera ett nytt dokument och på så sätt undvika att ladda om sidan och förlora sammanhanget för vad användaren kan se på skärmen.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

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave