Первый вопрос - Почему дублируются файлы в Network панели?
Второй вопрос, почему при отправки формы данные не сохраняются в server.php, а сохраняет пустой массив?
код js:
const forms = document.querySelectorAll('form');
const message = {
loading: 'Загрузка...',
success: 'Спасибо! Скоро мы с вами свяжемся',
failure: 'Что-то пошло не так...'
};
forms.forEach(item => {
postData(item);
});
function postData(form) {
form.addEventListener('submit', (e) => {
e.preventDefault();
let statusMessage = document.createElement('div');
statusMessage.classList.add('status');
statusMessage.textContent = message.loading;
form.appendChild(statusMessage);
const request = new XMLHttpRequest();
request.open('POST', 'server.php');
request.setRequestHeader('Content-type', 'application/json; charset=utf-8');
const formData = new FormData(form);
const object = {};
formData.forEach(function (value, key) {
object[key] = value;
});
const json = JSON.stringify(object);
request.send(json);
request.addEventListener('load', () => {
if (request.status === 200) {
console.log(request.response);
statusMessage.textContent = message.success;
form.reset();
setTimeout(() => {
statusMessage.remove();
}, 2000);
} else {
statusMessage.textContent = message.failure;
}
});
});
}
});
Код server.php:
<?php
echo var_dump($_POST);
Использую Open Server 
