Rad sa FormData u JavaScript-u

Neka imamo neku formu:

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

Neka želimo da dobijemo podatke ove forme u vidu parova ključ-vrednost. Jasno je da ćemo za to morati da pokrenemo petlju i u njoj formiramo željeno. U JavaScript-u, međutim, postoji jednostavniji način - možemo koristiti specijalni objekat FormData, koji omogućava da se podaci forme dobiju uređeno.

Hajde da razložimo rad sa ovim objektom. Za početak, dobijmo referencu na našu formu:

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

Sada kreirajmo objekat sa našom formom:

let formData = new FormData(form);

Možemo da ispišemo naš objekat u konzolu, međutim pri takvom ispisu podatke forme nećemo videti:

console.log(formData);

Pretvorimo naš objekat u niz, da bismo videli podatke forme:

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

Data je forma sa tri input polja. Data je takođe dugme. Na klik na dugme, dobijte podatke forme u vidu objekta FormData.