POST метод билан JavaScriptда формаларни юбориш

Ҳозир POST метод билан формаларни юборишни ўрганамиз. Бунинг учун форманинг method атрибутини мос қийматга ўрнатамиз:

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

POST метод билан юборишнинг фарки шундаки, юборилган маълумотлар браузернинг манзил сатирида кўринмайди. Бу маълумотлар жуда узун бўлганда ёки биз уларни фойдаланувчига манзил сатрида кўрсатмохчи бўлмаганда қулай.

POST метод билан юборилган маълумотлар бизнинг серверимизда маълумотлар объектининг post хусусиятига түшади:

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

Қисқача ёзиш учун деструктуризација қилиб, маълумотларимизни алохида ўзгарувчига олишимиз мумкин:

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

Фойдаланувчидан логин ва парол сўранг. Юборилгандан сўнг уларни сервердаги ўзгарувчиларда сақланган логин ва парол билан солиштиринг. Агар маълумотлар мос келса, муваффақият хабарни чиқаринг, акс ҳолда - муваффақиятсизлик хабарни чиқаринг.