JavaScript-de Formalary ibermek usullary

Formalar iki usul bilen iberilip bilner: GET usuly ýa-da POST usuly. Formany ibermek usuly formanyň method atributy bilen dolandyrylýar.

Mysal üçin, forma üçin GET ibermek usulyny görkezeliň:

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

Indi bolsa POST usulyny:

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

Indi bolsa, iki ibermek usuly arasyndaky tapawuda seredeliň. GET usulynda formanyň maglumatlary brauzerde şeýle atlandyrylan parametr setiri (query string) görnüşinde görüner, ýagny açar-gymmat jübütleriniň görnüşi, ýerde açary forma elementiniň ady, gymmaty bolsa ol ýere girizilen maglumatlar bolar. Şonda gymmat jübütleri ampersandlar bilen bölüner.

GET usuly bilen iberilen maglumatlar bizim serwerimizde maglumatlar objektiniň get häsiýetine düşer:

export default {
	'/handler/': function(data) {
		console.log(data.get); // serwer konsolyna çykar
		return 'form data received';
	}
}

POST usuly bilen iberilen maglumatlar bolsa bizim serwerimizde maglumatlar objektiniň post häsiýetine düşer:

export default {
	'/handler/': function(data) {
		console.log(data.post); // serwer konsolyna çykar
		return 'form data received';
	}
}

Gysgaça etmek üçin, biz öz maglumatlarymyzy aýratyn üýtgeýjige almak üçin destrukturizasiýa ýerine ýetirip bileris:

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