JavaScript-те FormData-мен жұмыс

Бізде бір форма бар делік:

<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 нысаны түрінде алыңыз.