Почему не могу отправить данные формы через fetch?

Question

[lavezzi1]

Хочу данные формы прямо сразу взять и отправить, но что то не выходит. Почему formData пустая? Да и в request payload нет данных. https://jsfiddle.net/uku1jazo/

Answer 1

[0xD34F]

Забыли назначить имена элементам формы. Типа, <input name="firstname" ....

Получать значения из формы надо внутри обработчика события submit, а не до его подключения (конечно, если вам нужны актуальные значения) - разместите строку const formData = new FormData(formElement); после e.preventDefault();.

Кстати, необязательно обращаться к переменной, ссылающейся на элемент формы, можно воспользоваться объектом события: const formData = new FormData(e.target);.

А если заменить стрелочную функцию на обычную, то можно и так делать: const formData = new FormData(this);.

Comments

[lavezzi1]

А почему formData всегда пустая?

[0xD34F]

lavezzi1, если добавить имена элементам - не пустая. Можете перебрать значения с помощью formData.values, получить конкретное значение с помощью formData.get и т.д. и т.п.