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 ыкмасынын учурunda форманын маалыматтары браузерде параметрлар сабы деп аталган (query string), ачкыч-маани жуптары түрүндө көрүнөт, бул жерде ачкыч болуп форма элементинин аты, ал эми маани болуп анга киргизилген маалыматтар болот. Бул учурда маанилердин жуптары амперсанддар менен бөлүнөт.

GET ыкмасы менен жөнөтүлгөн маалыматтар биздин серверибизде маалыматтар объектисинин get касиетине түшөт:

export default {
	'/handler/': function(data) {
		console.log(data.get); // сервер консолуна чыгат
		return 'форманын маалыматы алынды';
	}
}

Ал эми POST ыкмасы менен жөнөтүлгөн маалыматтар биздин серверибизде маалыматтар объектисинин post касиетине түшөт:

export default {
	'/handler/': function(data) {
		console.log(data.post); // сервер консолуна чыгат
		return 'форманын маалыматы алынды';
	}
}

Кыскача айтканда, маалыматтарды бөлүк өзгөрмөгө алуу үчүн деструктуризацияны аткарса болот:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'форманын маалыматы алынды';
	}
}