Sending Forms with POST Method in JavaScript

La oss nå lære å sende skjemaer med POST-metoden. For å gjøre dette setter vi skjemaets method-attributt til den tilsvarende verdien:

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

Forskjellen med å sende med POST-metoden er at de sendte dataene ikke vil være synlige i nettleserens adresselinje. Dette er praktisk når dataene er for lange, eller vi ikke ønsker å vise dem til brukeren i adresselinjen.

Data sendt med POST-metoden vil på vår server havne i egenskapen post til objektet med data:

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

For korts skyld kan vi bruke destructuring, for å få dataene våre i en egen variabel:

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

Spør brukeren om brukernavn og passord. Etter innsending, sammenlign dem med brukernavn og passord som er lagret i variabler på serveren. Hvis dataene samsvarer, vis en suksessmelding, ellers - en feilmelding.