Реализация скрипта отправки данных из формы
Здравствуйте. Написал код как в уроке:
//Form
let message = {
loading: 'Загрузка...',
success: 'Спасибо! Мы скоро с вами свяжемся',
failure: 'Что-то пошло не так...'
};
let form = document.querySelector('.main-form'),
input = form.getElementsByTagName('input'),
statusMessage = document.createElement('div');
statusMessage.classList.add('status');
form.addEventListener('submit', function(event) {
event.preventDefault();
form.appendChild(statusMessage);
let request = new XMLHttpRequest();
request.open('POST', 'server.php');
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
let formData = new FormData(form);
request.send(formData);
request.addEventListener('readystatechange', function() {
if (request.readyState < 4) {
statusMessage.innerHTML = message.loading;
} else if (request.readyState === 4 && request.status == 200) {
statusMessage.innerHTML = message.success;
} else {
statusMessage.innerHTML = message.failure;
}
});
for (let i = 0; i < input.length; i++) {
input[i].value = '';
}
});
Но у меня почему-то всплывает ошибка: Access to XMLHttpRequest at 'file:///G:/server.php' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted
когда я пытаюсь отправить данные через форму