Rad sa FormData u JavaScript-u

Neka imamo neku formu:

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

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

Sada kreirajmo objekat sa našom formom:

javascriptlet formData = new FormData(form);

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

javascriptconsole.log(formData);

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

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