Envoi de formulaires par la méthode POST en JavaScript

Apprenons maintenant à envoyer des formulaires par la méthode POST. Pour cela, l'attribut method du formulaire doit être défini sur la valeur correspondante :

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

La différence avec l'envoi par la méthode POST est que les données envoyées ne seront pas visibles dans la barre d'adresse du navigateur. C'est pratique lorsque les données sont trop longues, ou lorsque nous ne voulons pas les afficher à l'utilisateur dans la barre d'adresse.

Les données envoyées par la méthode POST arriveront sur notre serveur dans la propriété post de l'objet de données :

export default {
	'/handler/': function(data) {
		console.log(data.post);
		return 'test';
	}
}

Pour faire court, vous pouvez utiliser la déstructuration, pour obtenir nos données dans une variable distincte :

export default {
	'/handler/': function({post}) {
		console.log(post);
		return 'test';
	}
}

Demandez à l'utilisateur un identifiant et un mot de passe. Après l'envoi, comparez-les avec l'identifiant et le mot de passe stockés dans des variables sur le serveur. Si les données correspondent, affichez un message de succès, sinon - un message d'échec.