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

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

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

Бұл форманың деректерін кілт-мән жұптары түрінде алғымыз келеді делік. Бұл үшін бізге цикл құру және онда қажеттіні қалыптастыру керек болатыны анық. Алайда, JavaScript-те оңайырақ әдіс бар - форма деректерін реттелген түрде алуға мумкіндік беретін арнайы FormData нысанын пайдалануға болады.

Осы нысанмен жұмыс істеуді қарастырайық. Алдымен біздің формаға сілтеме алайық:

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

Енді біздің формамен нысан құрайық:

javascriptlet formData = new FormData(form);

Біздің нысанымызды консольге шығаруға болады, алайда мұндай шығару кезінде форма деректерін көрмейміз:

javascriptconsole.log(formData);

Форма деректерін көру үшін біздің нысанымызды массивке түрлендірейік:

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