Metode slanja formulara u JavaScriptu

Formulari mogu biti poslati na dva načina: GET metodom ili POST metodom. Način slanja formulara regulisan je atributom method formulara.

Na primer, postavimo za formular metodu slanja GET:

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

A sada POST metodom:

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

Hajde sada da pogledamo u čemu je razlika između dva metoda slanja. U slučaju GET metode podaci formulara će biti vidljivi u pregledaču u obliku takozvanog stringa upita (query string), koji predstavlja parove u obliku ključ-vrednost, gde je ključ ime elementa formulara, a vrednost - uneti podaci. Pritom će parovi vrednosti biti razdvojeni ampersandom.

Podaci poslati GET metodom, dospače na našem serveru u svojstvo get objekta sa podacima:

export default {
	'/handler/': function(data) {
		console.log(data.get); // ispisaće se u konzoli servera
		return 'podaci formulara primljeni';
	}
}

A podaci poslati POST metodom, dospače na našem serveru u svojstvo post objekta sa podacima:

export default {
	'/handler/': function(data) {
		console.log(data.post); // ispisaće se u konzoli servera
		return 'podaci formulara primljeni';
	}
}

Za kratkoću možemo izvršiti destrukturiranje, da bismo dobili naše podatke u posebnu promenljivu:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'podaci formulara primljeni';
	}
}