Почему не приходят данные с формы(fetch)?

Question

[spoT1]

const form = document.querySelector('form');
const formData = new FormData(form);
form.addEventListener('submit',(e)=>{
    e.preventDefault();
    fetch('https://jsonplaceholder.typicode.com/posts',{
        method: "POST",
        body: formData,
    })
     .then(data => data.text())
    .then(data => console.log(data))
})

Статус: 201

Answer 1

[Alexandroppolus]

const formData = new FormData(form); - эту строку надо внутрь функции в addEventListener

Comments

[spoT1]

Не помогло

[Алексей Дубровин]

spoT1,
Это не может не помочь.
В вашем варианте вы форм дату формируете сразу как запускаете страницу.
Если обернуть в обработчик у вас она заполниться только после клика.

Answer 2

[Alex_mos]

А что вы вобще хотите? JSONplaceholder только отдает данные, а вы пытаетесь что то отправить туда.
Или я что то не понимаю?

Comments

[spoT1]

JSOnplaceholder также возращает данные добавляя туда id

[Alex_mos]

Точку добавьте document.querySelector('.form')
А вы туда отправляете данные с формы, зачем? У вас метод post и зачем-то отправляете данные из формы

[spoT1]

Alex_mos, ....

[Alex_mos]

spoT1, все увидел в документации что вы хотите) точку попробовали добавить?

[spoT1]

Alex_mos, причем здесь селектор класса, если у меня атрибут form????