HTML5 - Ajax, formindlevering

Indholdsfortegnelse
En af de vigtigste anvendelser, der gives til Ajax, er afsendelse af data til serveren, til dette bruger vi formerne for HTML5Med dette kan vores serverscripts foretage beregninger, valideringer, behandling, aktivere andre scripts osv. Alt hvad vores behov kræver.
På denne måde opnår vi svar på anmodninger i vores dokumenter, undgår genindlæsning af hele siden, forbedrer navigation og skaber meget mere optimale og interaktive effekter for den bruger, der kommer ind på vores websted.
Afsendelse af formulardata
Som vi nævnte tidligere, er brugen af ​​formularer nøglen til at sende data til serveren, en af ​​de mest almindelige måder er at indsamle oplysningerne på egen hånd og formatere dem, på denne måde kunne de sendes.
Lad os se følgende kode, som vi kan illustrere og definere, hvad vi forklarer i dette teoretiske afsnit:
 EksempelBananer:Æbler:Kirsebær:Total:0 varerSend formular 

I denne kode har vi simpelthen en formular med flere inputfelter, i blokken, hvor etiketterne begynder, ser vi, hvordan vi tager dataene fra formularen og gentager med hvert input, vi finder, så vi kan manipulere dem og tilføje dem til en variabel, der vil indeholde en streng med hver af dataene, ligner denne streng denne:
bananer = 2 & æbler = 5 & kirsebær = 20 &.
Derefter kan vi videregive disse data via STOLPE til vores server, og endelig er det modtagne svar inkorporeret i et element med et specifikt id, med dette kan vi introducere en ændring på siden uden at skulle opdatere den helt.
Lad os se i følgende billede, hvordan dette ville se ud i vores browser:

FORSTØRRE

Vi kan bemærke, at dette giver os mulighed for at opdatere mængden af ​​elementer, vi placerer i inputfelterne, og dermed skabe en asynkron effekt, der giver mere rigdom og interaktivitet til vores side eller dokument. HTML5.
Med dette afslutter vi denne vejledning, da vi ser det er ret let at implementere en løsning Ajax Det giver os mulighed for at sende data til serveren uden at skulle generere et nyt dokument og dermed undgå at genindlæse siden og miste konteksten for, hvad brugeren kan se på deres skærm.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

Du vil bidrage til udviklingen af ​​hjemmesiden, at dele siden med dine venner

wave wave wave wave wave