Lomakkeiden lähettäminen POST-metodilla JavaScriptissä

Opitaan nyt lähettämään lomakkeita POST-metodilla. Aseta lomakkeen method -attribuutti vastaavaan arvoon:

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

POST-metodilla lähettämisen ero on, että lähetetyt tiedot eivät näy selaimen osoitepalkissa. Tämä on kätevää, kun tiedot ovat liian pitkiä, emmekä halua näyttää niitä käyttäjälle osoitepalkissa.

POST-metodilla lähetetyt tiedot päätyvät palvelimellamme data-olion post-ominaisuuteen:

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

Lyhyyden vuoksi voit tehdä destrukturoinnin saadaksesi datasi erilliseen muuttujaan:

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

Kysy käyttäjältä käyttäjätunnus ja salasana. Lähetyksen jälkeen vertaa niitä palvelimella muuttujissa tallennettuun käyttäjätunnukseen ja salasanaan. Jos tiedot täsmäävät, näytä viesti onnistumisesta, muuten epäonnistumisesta.