1
1

При выполнении request.send(formData); Google Chrom выдает ошибку: 
Access to XMLHttpRequest at 'file:///G:/_Study/COURSE/js_12_3_2/yoga/server.php' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
POST file:///G:/_Study/COURSE/js_12_3_2/yoga/server.php net::ERR_FAILED
Даже когда фрагмент кода скопировал из урока ошибка осталась.
Курс 12. JavaScript - с нуля до результата!
Урок 4.3. Реализация скрипта отправки данных из формы
// 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);


Андрей Фёдоров
3 years ago






Ответ оказался простой: я открывал index.html в браузере, а надо было открывать ссылку "http://localhost:8080/yoga/". В этом случае все заработало, и код с сайта, и набранный руками мой код.

Андрей Фёдоров
3 years ago

Один ответ