JavaScript'te POST Metodu ile Form Gönderme

Şimdi formları POST metoduyla göndermeyi öğrenelim. Bunun için formun method özniteliğini ilgili değere ayarlayalım:

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

POST metoduyla göndermenin farkı, gönderilen verilerin tarayıcının adres çubuğunda görünmemesidir. Bu, veriler çok uzun olduğunda ya da onları kullanıcıya adres çubuğunda göstermek istemediğimizde kullanışlıdır.

POST metoduyla gönderilen veriler, sunucumuzda veri nesnesinin post özelliğine düşecektir:

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

Kısalık için, verilerimizi ayrı bir değişkene almak üzere yapısal ayrıştırma (destructuring) kullanabiliriz:

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

Kullanıcıdan bir kullanıcı adı ve şifre isteyin. Gönderimden sonra, bunları sunucudaki değişkenlerde saklanan kullanıcı adı ve şifre ile karşılaştırın. Veriler eşleşirse başarı mesajı, aksi takdirde başarısızlık mesajı gösterin.