JavaScript-də Forma Göndərmə Üsulları

Formalar iki üsulla göndərilə bilər: GET üsulu və ya POST üsulu. Formanın göndərilmə üsulu method atributu ilə tənzimlənir.

Məsələn, forma üçün GET göndərmə üsulunu təyin edək:

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

İndi də POST üsulu:

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

Gəlin indi iki göndərmə üsulu arasındakı fərqi görək. GET üsulu halında, forma məlumatları brauzerdə, sözdə parametr sətiri (query string) şəklində görünəcək, hansı ki, açar-dəyər cütlərindən ibarətdir, burada açar forma elementinin adı, dəyəri isə ona daxil edilmiş məlumatlar olacaq. Bu halda dəyər cütləri ampersand işarəsi ilə ayrılacaq.

GET üsulu ilə göndərilən məlumatlar bizim serverimizdə məlumat obyektinin get xassəsinə düşəcək:

export default {
	'/handler/': function(data) {
		console.log(data.get); // server konsoluna çıxılacaq
		return 'form data received';
	}
}

POST üsulu ilə göndərilən məlumatlar isə bizim serverimizdə məlumat obyektinin post xassəsinə düşəcək:

export default {
	'/handler/': function(data) {
		console.log(data.post); // server konsoluna çıxılacaq
		return 'form data received';
	}
}

Qısalıq üçün, məlumatlarımızı ayrı bir dəyişənə çıxarmaq üçün destrukturizasiya edə bilərik:

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