Punimi me FormData në JavaScript

Le të themi se kemi një formular:

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

Le të themi se duam të marrim të dhënat e këtij formulari në formën e çifteve çelës-vlerë. Është e qartë, se për këtë do të na duhet të ekzekutojmë një cikël dhe në të të formojmë atë që dëshirojmë. Megjithatë, në JavaScript, ekziston një mënyrë më e thjeshtë - mund të përdorni një objekt të veçantë FormData, që lejon marrjen e të dhënave të formularit në mënyrë të renditur.

Le të shqyrtojmë punën me këtë objekt. Së pari, le të marrim një referencë për formularin tonë:

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

Tani le të krijojmë objektin me formularin tonë:

let formData = new FormData(form);

Mund të shfaqim objektin tonë në konsol, megjithatë me një shfaqje të tillë nuk do të shohim të dhënat e formularit:

console.log(formData);

Le ta transformojmë objektin tonë në një array, për të parë të dhënat e formularit:

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

Është dhënë një formular me tre inpute. Është dhënë gjithashtu një buton. Kur shtypet butoni, merrni të dhënat e formularit në formën e objektit FormData.