Зачем нужен FormData?

Question

[tyoma_koder]

Пишут что

Если передать в конструктор элемент HTML-формы form, то создаваемый объект автоматически прочитает из неё поля.

но он не читает, объект пустой, в него нужно добавлять данные в ручную, так какой смысл в FormData?

Comments

[Kovalsky]

"но он не читает, объект пустой, в него нужно добавлять данные в ручную" - покажите живой пример такого поведения на jsfiddle или codepen, потому что я только что проверил, всё работает

Answer 1

[Александр]

Всё читает, если есть у поля name. Посмотреть значения можно так:
Object.fromEntries([...formData.entries()]);
Отправлять надо именно FormData, если его используете.

Comments

[Алексей Уколов]

Да, проблема в том, что console.log(formData) не показывает содержимое, нужно через костыли добывать.

[Алексей Ярков]

Алексей Уколов, это не проблема. Это просто так работает.

[Алексей Уколов]

Алексей Ярков, необходимость написания лишнего кода - это проблема. Я не говорил, что это большая проблема или что она нерешаемая. Автор вопроса был вынужден сюда придти, чтобы разобраться - looks like проблема to me.
Хорошо, если это так важно для вас, назовём это неудобством.

[tyoma_koder]

так и в правду выводит, но при отправке даты на почту (new FormData(form))приходит WebKitFormBoundarypfaI....
почему так?

[Алексей Ярков]

Алексей Уколов, ну так там дописать надо пару символов всего ))

console.log([...formData.keys()])
console.log([...formData.values()])

[Алексей Уколов]

tyoma_koder, покажите как вы получаете значения. Всё должно работать нормально, а FormBoundary - это часть спецификации. Похоже, вы как-то не так читаете данные на сервере.

[tyoma_koder]

Алексей Уколов, то что я писал выше будет если получать дынные через file_get_contents('php://input'), если через $_POST то приходит пустое сообщение

[Алексей Уколов]

У вас, видимо, заголовок формата данных не совпадает с реальным форматом.

[tyoma_koder]

Алексей Уколов,

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xhr.send(new FormData(form));

[Алексей Уколов]

А в форме какой enctype?

[tyoma_koder]

Алексей Уколов, такой же