Wysyłanie formularzy metodą POST w JavaScript

Nauczmy się teraz wysyłać formularze metodą POST. W tym celu ustawmy atrybut method formularza na odpowiednią wartość:

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

Różnica w wysyłaniu metodą POST polega na tym, że wysyłane dane nie będą widoczne w pasku adresu przeglądarki. Jest to wygodne, gdy dane są zbyt długie, albo nie chcemy pokazywać ich użytkownikowi w pasku adresu.

Dane wysłane metodą POST trafią na naszym serwerze do właściwości post obiektu z danymi:

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

Dla zwięzłości można wykonać destrukturyzację, aby uzyskać nasze dane w osobnej zmiennej:

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

Zapytaj użytkownika o login i hasło. Po wysłaniu porównaj je z loginem i hasłem, przechowywanymi w zmiennych na serwerze. Jeśli dane się zgadzają, wyświetl komunikat o sukcesie, w przeciwnym razie - o niepowodzeniu.