Metodes om vorms in JavaScript te stuur

Vorms kan op twee maniere gestuur word: deur die GET-metode of die POST-metode. Die manier om die vorm te stuur word beheer deur die method-kenmerk van die vorm.

Laat ons byvoorbeeld die GET-stuurmetode vir die vorm spesifiseer:

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

En nou die POST-metode:

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

Kom ons kyk nou wat die verskil is tussen die twee stuurmetodes. In die geval van die GET-metode sal die vormdata sigbaar wees in die blaaier as die sogenaamde parameterstring (query string), wat verteenwoordig word as pare in die vorm sleutel-waarde, waar die sleutel die naam van die vormelement is, en die waarde is die data wat daarin ingevoer is. Hierdie waardepare sal geskei word deur ampersands.

Data wat met die GET-metode gestuur is, sal op ons bediener in die eienskap get van die objek met data beland:

export default {
	'/handler/': function(data) {
		console.log(data.get); // sal in die bedienerkonsole vertoon word
		return 'vormdata ontvang';
	}
}

En data wat met die POST-metode gestuur is, sal op ons bediener in die eienskap post van die objek met data beland:

export default {
	'/handler/': function(data) {
		console.log(data.post); // sal in die bedienerkonsole vertoon word
		return 'vormdata ontvang';
	}
}

Vir kortheid kan ons destrukturasie doen om ons data in 'n aparte veranderlike te kry:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'vormdata ontvang';
	}
}