Mengirim Form dengan Metode POST di JavaScript

Sekarang mari belajar mengirim form dengan metode POST. Untuk melakukannya, atur atribut method form ke nilai yang sesuai:

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

Perbedaan pengiriman dengan metode POST adalah data yang dikirim tidak akan terlihat di address bar browser. Ini berguna ketika data terlalu panjang, atau kita tidak ingin menampilkannya kepada pengguna di address bar.

Data yang dikirim dengan metode POST akan masuk ke properti post dari objek data di server kita:

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

Untuk singkatnya, kita bisa melakukan destructuring, untuk mendapatkan data kita ke variabel terpisah:

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

Tanyakan login dan kata sandi kepada pengguna. Setelah dikirim, bandingkan dengan login dan kata sandi yang disimpan dalam variabel di server. Jika data cocok, tampilkan pesan sukses, jika tidak - pesan kegagalan.