Envoi de formulaires par la méthode GET en JavaScript
Implémentons l'envoi d'un formulaire par la méthode GET avec un exemple. Supposons que nous ayons un formulaire dans les champs duquel des nombres sont saisis :
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Supposons que le serveur calcule la somme des nombres reçus et renvoie le résultat au navigateur. Pour commencer, récupérons les nombres envoyés :
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Calculons maintenant leur somme et renvoyons-la au navigateur :
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Créez un formulaire avec cinq champs, dans lesquels des nombres sont saisis. Que le serveur calcule la moyenne arithmétique des nombres transmis et renvoie le résultat au navigateur.
Demandez à l'utilisateur son prénom, son nom et son patronyme. Envoyez les données au serveur. Que le serveur renvoie en réponse un message de confirmation d'envoi.
Demandez à l'utilisateur une date au format année-mois-jour. Envoyez la date au serveur. Que le serveur vérifie l'exactitude du format de la date. Si la date est correcte - qu'il renvoie un message de succès, et si elle est incorrecte - un message d'échec.