@justifycontent

Почему данные из формы не отправляются?

<form class="form" id="formElem">
        <input type="text" name="name" placeholder="Name">
        <input type="phone" name="phone" placeholder="Phone">
        <button type="submit">Отправить</button>
    </form>


const form = document.querySelector('.form'),
      inputs = document.querySelectorAll('input'),
      btn = document.querySelector('button');

form.addEventListener('submit', (e) => {
    e.preventDefault();
    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://jsonplaceholder.typicode.com/posts');
    const formData = new FormData(form);
    xhr.send(formData);

    xhr.addEventListener('load', () => {
        console.log(xhr.status);
        console.log(xhr.response);
    });
});


Статус Http 201, почему не отправляются данные с формы?
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
space2pacman
@space2pacman
Просто царь.
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(formData);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
26 янв. 2021, в 19:48
5000 руб./за проект
26 янв. 2021, в 19:34
20000 руб./за проект
26 янв. 2021, в 19:29
7000 руб./за проект