Kufanya Kazi na FormData katika JavaScript

Acha tuwe na fomu fulani:

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

Acha tupate data za fomu hii katika muundo wa jozi ufunguo-thamani. Ni wazi, kwamba kwa hili itatubidi tuendeshe kitanzi na ndani yake kutengeneza muundo unahitajika. Katika JavaScript, hata hivyo, kuna njia rahisi zaidi - inawezekana kutumia kitu maalum FormData, kinachoruhusu kupata data za fomu kwa mpangilio.

Wacha tuchambue kufanya kazi na kitu hiki. Kwanza tupate kiungo kwenye fomu yetu:

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

Sasa tuunde kitu kwa kutumia fomu yetu:

let formData = new FormData(form);

Inawezekana kuonyesha kitu chetu kwenye koni, hata hivyo kwa uonyeshaji huu hatutaona data za fomu:

console.log(formData);

Wacha tubadilishe kitu chetu kuwa safu (array), ili tuweze kuona data za fomu:

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

Imetolewa fomu yenye viingizo vitatu. Pia imetolewa kifungo. Kwa kubonyeza kifungo, pata data za fomu katika muundo wa kitu FormData.