Inhoudsopgave
Een van de belangrijkste toepassingen die aan Ajax worden gegeven, is het verzenden van gegevens naar de server, hiervoor gebruiken we de formulieren van HTML5Hiermee kunnen onze serverscripts berekeningen maken, valideren, verwerken, andere scripts activeren, etc. Alles wat onze behoeften vereisen.Op deze manier bereiken we antwoorden op verzoeken in onze documenten, vermijden we het herladen van de hele pagina, verbeteren we de navigatie en creëren we veel meer optimale en interactieve effecten voor de gebruiker die onze site betreedt.
De formuliergegevens verzenden
Zoals we eerder vermeldden, is het gebruik van formulieren de sleutel tot het verzenden van gegevens naar de server. Een van de meest gebruikelijke manieren is om de informatie zelf te verzamelen en te formatteren, zodat deze beschikbaar is om te worden verzonden.
Laten we de volgende code bekijken waarmee we kunnen illustreren en definiëren wat we in deze theoretische sectie uitleggen:
VoorbeeldBananen:Appels:Kersen:Totaal:0 productenFormulier verzenden
In deze code hebben we gewoon een formulier met verschillende invoervelden, in het blok waar de labels beginnen, zien we hoe we de gegevens uit het formulier halen en herhalen met elke invoer die we vinden, zodat we ze kunnen manipuleren en toevoegen aan een variabele die een string zal bevatten met elk van de data, deze string ziet er ongeveer zo uit:
bananen = 2 & appels = 5 & kersen = 20 &.
Dan kunnen wij deze gegevens doorgeven via NA naar onze server en tot slot wordt het ontvangen antwoord verwerkt in een element met een specifieke id, hiermee kunnen we een wijziging aanbrengen in de pagina zonder deze volledig te hoeven vernieuwen.
Laten we in de volgende afbeelding zien hoe dit eruit zou zien in onze browser:
VERGROTEN
Hiermee sluiten we deze tutorial af, omdat we zien dat het vrij eenvoudig is om een oplossing te implementeren Ajax Dat stelt ons in staat om gegevens naar de server te sturen, zonder dat we een nieuw document hoeven te genereren en zo voorkomen dat de pagina opnieuw wordt geladen en de context verloren gaat van wat de gebruiker mogelijk op zijn scherm ziet.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
