Űrlapok küldése POST módszerrel JavaScriptben

Most pedig tanuljuk meg, hogyan küldjünk űrlapokat POST módszerrel. Ehhez az űrlap method attribútumát állítsuk a megfelelő értékre:

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

A POST módszerrel történő küldés abban különbözik, hogy az elküldött adatok nem lesznek láthatóak a böngésző cím-sorában. Ez kényelmes, amikor az adatok túl hosszúak, vagy nem akarjuk megjeleníteni őket a felhasználónak a cím-sorban.

A POST módszerrel elküldött adatok a szerverünkön a post tulajdonságába kerülnek az adatobjektumnak:

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

Rövidség kedvéért használhatunk destructuring-ot, hogy az adatainkat külön változókba kapjuk:

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

Kérdezze meg a felhasználótól a felhasználónevet és jelszót. A küldés után hasonlítsa össze őket a szerveren változókban tárolt felhasználónévvel és jelszóval. Ha az adatok egyeznek, jelenítsen meg sikerüzenetet, ellenkező esetben - a sikertelenségről szóló üzenetet.