Metodat e dërgimit të formave në JavaScript

Format mund të dërgohen në dy mënyra: me metodën GET ose me metodën POST. Mënyra e dërgimit të formës rregullohet nga atributi method i formës.

Për shembull, le të caktojmë metodën e dërgimit GET për formën:

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

Dhe tani metoda POST:

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

Le të shohim tani, cili është ndryshimi midis dy metodave të dërgimit. Në rastin e metodës GET të dhënat e formës do të jenë të dukshme në shfletues në formën e ashtuquajtur varg parametrash (query string), e cila përfaqëson çifte të formës çelës-vlerë, ku çelësi do të jetë emri i elementit të formës, dhe vlera - të dhënat e futura në të. Në këtë rast çiftet e vlerave do të ndahen me ampersand.

Të dhënat e dërguara me metodën GET do të përfundojnë në serverin tonë në vetinë get të objektit me të dhëna:

export default {
	'/handler/': function(data) {
		console.log(data.get); // do të shfaqet në konsolën e serverit
		return 'të dhënat e formës u pranuan';
	}
}

Kurse të dhënat e dërguara me metodën POST do të përfundojnë në serverin tonë në vetinë post të objektit me të dhëna:

export default {
	'/handler/': function(data) {
		console.log(data.post); // do të shfaqet në konsolën e serverit
		return 'të dhënat e formës u pranuan';
	}
}

Për shkurtësi mund të kryhet destrukturalizimi, për të marrë të dhënat tona në një variabël të veçantë:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'të dhënat e formës u pranuan';
	}
}