Урок 45 из 114 · 7 мин

FormData: все поля сразу

new FormData(form), get, перебор и Object.fromEntries для превращения формы в объект.

Десять полей

В форме уже адрес, комментарий, способ оплаты… Читать каждое поле по отдельности?
Бро
Отдай форму в FormData — я соберу все поля с name сам.

Объект

FormData

Что это: new FormData(form) — набор пар «name — значение» всех полей с атрибутом name.
Зачем: Отправить форму на сервер или собрать объект.
Как: JavaScript
const data = new FormData(document.querySelector("form")); console.log(data.get("course"), data.get("size"));
Так это работает

Понятие

Форма → объект

Что это: Object.fromEntries(new FormData(form)) превращает форму в обычный объект.
Зачем: Дальше работаешь как с любым объектом.
Как: JavaScript
const form = document.querySelector("form"); console.log(Object.fromEntries(new FormData(form)));
Так это работает

Ваш ход

Задание

При отправке формы собери все поля в объект lastSignup через FormData и Object.fromEntries (и отмени перезагрузку).

let lastSignup = null;

let lastSignup = null;

Результат обновляется при вводе

ПрактикаОбязательное задание

Выберите один ответ.

Какое поле не попадёт в FormData?

Домашнее заданиеДля закрепления

Выберите один ответ.

Как превратить FormData в обычный объект?