Рад са FormData у JavaScript-у

Претпоставимо да имамо неки формулар:

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

Претпоставимо да желимо да добијемо податке овог формулара у виду пар кључ-вредност. Јасно је, да ћемо за то морати да покренемо петљу и у њој да формирамо жељени резултат. У JavaScript-у, међутим, постоји једноставнији начин - можемо користити специјални објекат FormData, који омогућава да се подаци формулара добију у уређеном облику.

Хајде да размотримо рад са овим објектом. За почетак, добијмо референцу на наш формулар:

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

Сада ћемо креирати објекат са нашим формуларом:

javascriptlet formData = new FormData(form);

Можемо исписати наш објекат у конзолу, међутим при таквом испису нећемо видети податке формулара:

javascriptconsole.log(formData);

Трансформишимо наш објекат у низ, да би видели податке формулара:

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