Mbinu za Kutuma Fomu katika JavaScript

Fomu zinaweza kutumwa kwa njia mbili: kwa mbinu ya GET au mbinu ya POST. Njia ya kutuma fomu inadhibitiwa na kiambishi method cha fomu.

Kwa mfano, wacha tuweke mbinu ya kutuma GET kwa fomu:

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

Na sasa mbinu ya POST:

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

Wacha sasa tuone, tofauti iko wapi kati ya mbinu mbili za kutuma. Katika kesi ya mbinu GET data ya fomu itaonekana kwenye kivinjari katika umbo linaloitwa msururu wa vigezo (query string), unaowakilisha jozi za aina ufunguo-thamani, ambapo ufunguo utakuwa jina la kipengele cha fomu, na thamani - data iliyoingizwa ndani yake. Wakati huo huo jozi za thamani zitakuwa zimegawanywa na alama za ampersand.

Data, iliyotumwa kwa mbinu ya GET, itaingia kwenye seva yetu kwenye sifa get ya kitu na data:

export default {
	'/handler/': function(data) {
		console.log(data.get); // itaonyeshwa kwenye konsoli ya seva
		return 'data ya fomu imepokelewa';
	}
}

Na data, iliyotumwa kwa mbinu ya POST, itaingia kwenye seva yetu kwenye sifa post ya kitu na data:

export default {
	'/handler/': function(data) {
		console.log(data.post); // itaonyeshwa kwenye konsoli ya seva
		return 'data ya fomu imepokelewa';
	}
}

Kwa ufupi unaweza kufanya utenganishaji, ili kupata data yetu kwa kutofautiana tofauti:

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