Formulier verzending via POST in JavaScript

Laten we nu leren hoe we formulieren kunnen verzenden via de POST-methode. Stel hiervoor het attribuut method van het formulier in op de overeenkomstige waarde:

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

Het verschil bij het verzenden via de POST-methode is dat de verzonden gegevens niet zichtbaar zijn in de adresbalk van de browser. Dit is handig wanneer de gegevens te lang zijn, of wanneer we ze niet willen tonen aan de gebruiker in de adresbalk.

Gegevens die via de POST-methode zijn verzonden, komen op onze server terecht in de eigenschap post van het object met gegevens:

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

Voor de beknoptheid kan destructuring worden uitgevoerd, om onze gegevens in een aparte variabele te krijgen:

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

Vraag de gebruiker om een login en wachtwoord. Vergelijk na verzending deze met de login en het wachtwoord die zijn opgeslagen in variabelen op de server. Als de gegevens overeenkomen, toon dan een succesbericht, anders - een mislukkingsbericht.