Kufanya Kazi na FormData katika JavaScript

Acha tuwe na fomu fulani:

html<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:

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

Sasa tuunde kitu kwa kutumia fomu yetu:

javascriptlet formData = new FormData(form);

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

javascriptconsole.log(formData);

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

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