HTML5 - Ajax, Soumission de formulaire

L'une des principales utilisations qui sont données à Ajax est l'envoi de données au serveur, pour cela nous utilisons les formulaires de HTML5Avec cela, nos scripts serveur peuvent faire des calculs, des validations, des traitements, activer d'autres scripts, etc. Tout ce dont nos besoins ont besoin.
De cette façon, nous obtenons des réponses aux demandes dans nos documents, en évitant le rechargement de la page entière, en améliorant la navigation et en créant des effets beaucoup plus optimaux et interactifs pour l'utilisateur qui entre sur notre site.
Envoi des données du formulaire
Comme nous l'avons mentionné précédemment, l'utilisation de formulaires est essentielle pour envoyer des données au serveur, l'un des moyens les plus courants consiste à collecter les informations par nous-mêmes et à les formater, de cette manière, elles seraient disponibles pour être envoyées.
Voyons le code suivant avec lequel nous pouvons illustrer et définir ce que nous expliquons dans cette section théorique :

 ExempleBananes:Pommes:Cerises:Total:0 articlesSoumettre le formulaire 

Dans ce code, nous avons simplement un formulaire avec plusieurs champs de saisie, dans le bloc où commencent les étiquettes, nous voyons comment nous prenons les données du formulaire et itérons avec chaque entrée que nous trouvons, afin que nous puissions les manipuler et les ajouter à un variable qui contiendra une chaîne avec chacune des données, cette chaîne ressemble à ceci :
bananes = 2 & pommes = 5 & cerises = 20 &.
Ensuite, nous pouvons transmettre ces données via PUBLIER à notre serveur et enfin la réponse reçue est incorporée dans un élément avec un identifiant spécifique, avec cela nous pouvons introduire une modification dans la page sans avoir à la rafraîchir complètement.
Voyons dans l'image suivante à quoi cela ressemblerait dans notre navigateur :

AGRANDIR

Nous pouvons remarquer que cela nous permet de mettre à jour le nombre d'éléments que nous plaçons dans les champs de saisie, créant ainsi un effet asynchrone qui donne plus de richesse et d'interactivité à notre page ou document. HTML5.
Avec cela, nous terminons ce tutoriel, car nous voyons qu'il est assez facile de mettre en œuvre une solution Ajax Cela nous permet d'envoyer des données au serveur, sans avoir besoin de générer un nouveau document et ainsi d'éviter de recharger la page et de perdre le contexte de ce que l'utilisateur peut voir sur son écran.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif