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

Question

[justifycontent]

const btn = document.querySelector('button');

const obj = {
    name: 'John',
    phone: [phone],
    street: 'Central',
};

btn.addEventListener('click', () => {
    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'serv.php');
    xhr.setRequestHeader("Content-type", "application/json");
    const data = JSON.stringify(obj);
    console.log(data);
    xhr.send(data);

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

Comments

[Сергей delphinpro]

Данные отправляются. Куда они денутся. Просто вы их неправильно принимаете.
При указании типа application/json следует читать поток напрямую из php://input (мануал, тостер)

Answer 1

[Александр]

PHP лучше работает с объектом типа FormData. Просто преобразуйте свой объект в него. И заголовок можно убрать.

const formData = new FormData();
for (const key in obj) {
    formData.append(key, obj[key]);
}
...
xhr.send(formData);

В том случае, если сервер не будет получать данные, можете попробовать добавить следующий код:

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

А ещё можно воспользоваться fetch.

Comments

[justifycontent]

Про fetch и formData знаю, я пробую именно данным способом. За ответ спасибо большое!

[justifycontent]

Заголовок xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') помог, спасибо!

[Ярослав Иванов]

justifycontent, я вам в прошлом вопросе написал тоже самое!

[justifycontent]

Ярослав Иванов, Предыдущий вопрос был другим, там я использовал formData