JavaScript да GET усули билан формаларни юбориш

Келгила, GET усули билан формани юборишни мисолда амалга оширамиз. Фарз қилайлик, бизда рақамлар киритиладиган инпутлари бўлган форма мавжуд:

<form action="/handler/" method="GET">
	<input name="num1">
	<input name="num2">
	<input type="submit">
</form>

Сервер қabul қилган рақамларнинг йиғиндисини топсин ва натижани браузерга қайтарсин. Аввал юборилган рақамларни оламиз:

export default {
	'/handler/': function({get}) {
		console.log(get.num1);
		console.log(get.num2);
		
		return 'form data received';
	}
}

Энди уларнинг йиғиндисини топамиз ва браузерга қайтарамиз:

export default {
	'/handler/': function({get}) {
		return Number(get.num1) + Number(get.num2);
	}
}

Бешта инпути бўлган форма ясаинг, унга рақамлар киритилади. Сервер ўтказилган рақамларнинг ўртача арифметигини ҳисобласин ва натижани браузерга қайтарсин.

Фойдаланувчидан унинг исми, фамилияси ва отасининг исмини сўранг. Маълумотларни серверга юборинг. Сервер жавоб сифатида муваффақиятли юбориш ҳақида хабарни қайтарсин.

Фойдаланувчидан санани йил-ой-кун форматида сўранг. Санани серверга юборинг. Сервер сана форматининг тўғрилигини текшиб чиқсин. Aгар сана тўғри бўлса - у муваффақият хабарни қайтарсин, агар нотўғри бўлса - муваффақиятсизлик хабарни қайтарсин.