Рад са FormData у JavaScript-у

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

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

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

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

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

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

let formData = new FormData(form);

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

console.log(formData);

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

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

Дат је формулар са три поља за унос. Дато је и дугме. При клику на дугме, добијте податке формулара у виду објекта FormData.