# Работа с FormData в JavaScript

Пусть у нас есть некоторая форма:

`<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`.

← →
↑
en ru