JavaScript-de formalary ibermek

Siz eýýäm JavaScript-de formalaryň elementleri bilen işlemekde uzy, olary brauzerde işläp. Emma formalary serwere hem iberip bolýar, sebäbi sahypanyň PHP ýa-da NodeJS-däki serwer bölegi olary işläp biler.

Bu, serwerde saklanýan sahypa maglumatlaryny goşmak we üýtgetmek üçin zerurdyr.

Geliň, muny nädip etmelidigine serediň. Bizde birnäçe input we düwme bolsun:

<input>
<input>
<input type="submit">

Elementlerimizi form tegine guralyň. Bu ýagdaýda, düwmä basylanda serwere iberilýän forma alarys:

<form>
	<input>
	<input>
	<input type="submit">
</form>

Serwerde formanyň maglumatlaryny alyp bilmek üçin, her inputa öz adyny bermek zerur:

<form>
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

Bu ýagda, formanyň maglumatlary serwere açar-gymmat jübütleri görnüşinde gelýär, bu ýerde açarlar formanyň elementleriniň atlary, gymmatlar bolsa girizilen maglumatlar bolar.

Formany ibermek üçin serwer zerur däl. Formanyň ýokardaky kodyny islendik faýla göçürip, ony brauzerde işledip we iberme düwmesine basyp bilersiňiz - forma iberiler we brauzer sahypasy täzeden ýükleniler.

Emma, serwer ýok bolsa, formanyň maglumatlary hiç ýere gitmez. Şonuň üçin geliň formanyň işini serwer bilen bilelikde barlaýalyň. Häzirki wagtda siz hiç hili serwer dillerini bilmeýärsiňiz, şonuň üçin formany okuw HTTP serwerimizi ulanmak bilen ibermegi synaýalyň.

Geliň, formamyzy bir faýla ýerleşdireliň, şeýlelik bilen ol http://localhost:3001/form.html salgysy boýunça elýeterli bolsun:

<form>
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

Formamyza, formanyň iberilýän salgysyny görkezýän action atributyny goşalyň:

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

Indi server.js faýlynda formany ibermek salgysynyň işleýjisini ýazalyň:

export default {
	'/handler/': function() {
		return 'form data received';
	}
}

Işleýjimiziň parametrine iberilen formanyň maglumatlary düşer:

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

Forma we ony işlemek üçin faýl dörediň. Formany iberiň we maglumatlaryň hakykatdanam serwere geldigini barlaň.