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

Формалар икки усулда юборилиши мумкин: GET усули ёки POST усули. Формани юбориш усули форманинг method атрибути билан белгиланади.

Мисол учун, форма учун GET юбориш усулини кўрсатамиз:

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

Энди эса POST усулини:

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

Келинг, энди икки юбориш усули ўртасидаги фарқни кўриб чиқайлик. GET усулида форма маълумотлари браузерда параметрлар сатри (query string) кўринишида кўринади, бу калий-қиймат жуфтларидан иборат бўлиб, калий форма элементнинг номи, қиймат эса унга киритилган маълумотлар бўлади. Бу ҳолда қиймат жуфтлари амперсанд билан ажратилади.

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

export default {
	'/handler/': function(data) {
		console.log(data.get); // сервер консолига чиқади
		return 'form data received';
	}
}

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

export default {
	'/handler/': function(data) {
		console.log(data.post); // сервер консолига чиқади
		return 'form data received';
	}
}

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

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