На странице формы подключен скрипт js, который отправляет запрос на сервер при клике пользователя на одной из двух кнопок. Затем сервер возвращает ответ и браузер выводит сообщение с полученными данными.
js:
let element = document.querySelector('.button');
element.addEventListener('click', function(event) {
fetch("http://my_site/test", {
method: 'POST',
headers: {
'Content-Type': 'application/json;charset=utf-8'
},
body: JSON.stringify({"key": event.target.value})
})
.then(response => response.json())
.then(data => alert(data));
});
серверный скрипт Laravel:
Route::post('/test', function (Request $request) {
$data = $request->input('key');
return json_encode($data);
});
В результате при клике по любой из кнопок в консоль выводятся следующие сообщения об ошибках:
POST http://my_site/test 419 (unknown status)
POST http://my_site/test 419 (unknown status)
Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
Как я понял первые две ошибки говорят о проблеме с csrf-токеном. Попытался вылечить это добавив
в разметку тег <meta name="csrf-token" content="{{ csrf_token() }}">
, но ошибка не ушла.
Две последние, как я прочитал говорят о том, что скрипт js отправляет не json, а html. Здесь я вообще не нашел, что можно предпринять.
Как устранить эти ошибки? Почему они задублированы? Спасибо!