[Laravel]Problem z AJAX'em (Vanilla.js)

Question

Witam, w jaki sposób mogę odebrać błędy walidacji (Form Request) po wykonaniu żądania AJAX'em w czystym JS? Z tym kodem dostaję w odpowiedzi jedynie HTML obecnej strony.

document.querySelector('form').addEventListener('submit', makeRequest);

function makeRequest(e) {
    e.preventDefault();

    let username = document.getElementById('username').value;
    let email = document.getElementById('email').value;
    let password = document.getElementById('password').value;
    let password_confirmation = document.getElementById('password_confirmation').value;
    let name = document.getElementById('name').value;

    let params = `
        username=${username}
        &email=${email}
        &password=${password}
        &password_confirmation=${password_confirmation}
        &name=${name}
        &_token=${_token}
    `;

    let xhr = new XMLHttpRequest();
    xhr.open('POST', registerUrl, true);
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

    xhr.onload = function () {
        console.log(this.responseText);
    };

    xhr.send(params);
}

 

Answer 1

Temat dawny, ale może komuś się przyda. Tak więc: domyślnie Laravel w przypadku błędów walidacji przekierowuje użytkownika i wrzuca błędy do sesji. Jeśli chcemy, aby zamiast tego Laravel zwrócił błędy w JSON'ie, wystarczy do żądania dodać choć jeden z nagłówków: "X-Requested-With: XMLHttpRequest" lub "Accept: application/json". W jQuery i Fetch API dzieje się to automatycznie, ale w czystym JS trzeba to robić ręcznie.