JavaScript-de FormData bilen işlemek

Bizde bir form bolsun:

<form action="/target/" method="POST">
	<input name="test1" value="123">
	<input name="test2" value="456">
	<input type="submit">
</form>

Formanyň maglumatlaryny açar-bahasy jübütleri görnüşinde almak isleýändigimizi düşüneli. Şony etmek üçin aýlaw işledip, islenilýän zatlary düzmeli bolar. Ýöne JavaScript-de has ýönekeý usul bar - tertipli görnüşde form maglumatlaryny almak üçin ýörite FormData obyektinden peýdalanyp bolýar.

Geliň bu obyekt bilen işlemegi düşüneli. Ilki bilen, formamyza salgyny alalyň:

let form = document.querySelector('form');

Indi bolsa, formamyz bilen obyekti düzeliň:

let formData = new FormData(form);

Obyekti konsola çap etmek mümkin, ýöne şeýle çap edilende formanyň maglumatlary görünmez:

console.log(formData);

Formanyň maglumatlaryny görmek üçin obyektimizi massiwe öwüreliň:

console.log(Array.from(formData));

Üç inputy bolan forma we bir düwmä berildi. Düwmä basylanda, formanyň maglumatlaryny FormData obyekti görnüşinde alyň.