HTML5 - Ajax, Formularübermittlung

Eine der Hauptverwendungszwecke von Ajax ist das Senden von Daten an den Server, dafür verwenden wir die Formulare von HTML5Damit können unsere Serverskripte Berechnungen, Validierungen, Verarbeitungen durchführen, andere Skripte aktivieren usw. Alles, was unsere Bedürfnisse erfordern.
Auf diese Weise erreichen wir Antworten auf Anfragen in unseren Dokumenten, vermeiden das Neuladen der gesamten Seite, verbessern die Navigation und schaffen viel optimalere und interaktivere Effekte für den Benutzer, der unsere Website betritt.
Senden der Formulardaten
Wie bereits erwähnt, ist die Verwendung von Formularen der Schlüssel zum Senden von Daten an den Server. Eine der gängigsten Methoden besteht darin, die Informationen selbst zu sammeln und zu formatieren, damit sie zum Senden zur Verfügung stehen.
Sehen wir uns den folgenden Code an, mit dem wir das, was wir in diesem theoretischen Abschnitt erklären, veranschaulichen und definieren können:

 BeispielBananen:Äpfel:Kirschen:Gesamt:0 ArtikelFormular senden 

In diesem Code haben wir einfach ein Formular mit mehreren Eingabefeldern, in dem Block, in dem die Beschriftungen beginnen, sehen wir, wie wir die Daten aus dem Formular nehmen und mit jeder gefundenen Eingabe iterieren, damit wir sie manipulieren und zu a hinzufügen können Variable, die einen String mit jedem der Daten enthält, sieht dieser String so aus:
Bananen = 2 & Äpfel = 5 & Kirschen = 20 &.
Dann können wir diese Daten über POST zu unserem Server und schließlich wird die empfangene Antwort in ein Element mit einer bestimmten ID aufgenommen, damit können wir eine Änderung an der Seite vornehmen, ohne sie vollständig aktualisieren zu müssen.
Sehen wir uns im folgenden Bild an, wie dies in unserem Browser aussehen würde:

VERGRÖSSERN

Wir können feststellen, dass wir dadurch die Anzahl der Elemente, die wir in die Eingabefelder einfügen, aktualisieren können, wodurch ein asynchroner Effekt entsteht, der unserer Seite oder unserem Dokument mehr Fülle und Interaktivität verleiht. HTML5.
Damit beenden wir dieses Tutorial, da wir sehen, dass es recht einfach ist, eine Lösung zu implementieren Ajax Auf diese Weise können wir Daten an den Server senden, ohne ein neues Dokument erstellen zu müssen, und vermeiden so das erneute Laden der Seite und den Verlust des Kontexts dessen, was der Benutzer möglicherweise auf seinem Bildschirm sieht.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben