Нужна помощь в отправке запроса на вход в AJAX

Question

Я занимаюсь разработкой / обновлением внешнего интерфейса для работающего сервера, я разработал много операций, кроме части входа в систему, в которой я застрял прямо сейчас.предыдущая форма входа в систему передает следующие запросы на сервер.но я все еще не мог понять, как отправить их в моей форме.вот исходные данные запроса,

Принять: текст / html, application / xhtml + xml, application / xml; q = 0,9, image / webp, image / apng, / ; q= 0,8

Accept-Encoding: gzip, deflate

Accept-Language: en-US, en; q = 0,9

Cache-Control: max-age = 0

Соединение: keep-alive

Длина содержимого: 84

Тип содержимого: application / x-www-form-urlencoded

Cookie: JSESSIONID =9C6A1F3E400407382561DA122E95EB43

Хост: ec2-13 - ****************. Com

Источник: http://***************compute.amazonaws.com

Ссылка: http://ec2 -13-229-218-84.ap-southeast-1 . ************* / login.html

Upgrade-Insecure-Requests:1

Пользователь-агент: Mozilla / 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit / 537,36 (KHTML, как Gecko) Chrome / 72.0.3626.81 Safari / 537.36

- следующиеданные формы -

имя пользователя: gtrsgtrs, пароль: 11100, $ {_ csrf.parameterName}: $ {_ csrf.token}

мне нужно отправить в качестве запроса данные, как указано выше в моем ajТопор.Это мой ajax-запрос

let userName=$('#userNameTextOfLogin').val();
let password=$('#passwordTextOfLogin').val();

let loginData={
    "username": userName,
    "password": password,
    "${_csrf.parameterName}": "${_csrf.token}" //no idea about this
};

$.ajax({
    url:loginUrl,
    dataType:"json",
    data:JSON.stringify(loginData),
    method:"POST",

    async:true,
    success:function (resp) {
        // location.href="../index.html";
        localStorage.setItem("unique_sessiom_id","32424");
        localStorage.setItem("username",userName);
        alert("Done "+resp);
    },
    error:function (resp) {
        alert("Error "+resp);
    }
});

Я также получаю тот же код ответа, что и в предыдущей форме (Код состояния: 302), но ответ является ошибкой в ​​ajax.
header {} не работаеттак как я также пытался отправить их в header {} в ajax, но когда я добавляю заголовок, он отвечает ошибочным кодом состояния с неверным запросом cors.

Я также получаю следующее сообщение об ошибке в консоли: -

Доступ к XMLHttpRequest при 'http://ec2 -13-229-218-84.ap-southeast-1.compute.********* / execute_login 'from origin' http://localhost:63342' заблокировано политикой CORS: в запрошенном ресурсе отсутствует заголовок 'Access-Control-Allow-Origin'.

Answer 1

Вы пробовали ниже одного

var userName=$('#userNameTextOfLogin').val();
var password=$('#passwordTextOfLogin').val();

var loginData={
    "username": userName,
    "password": password,
    "${_csrf.parameterName}": "${_csrf.token}" //no idea about this
};

$.ajax({
    type:"POST",
    url:loginUrl,
    data:JSON.stringify(loginData),
    dataType:"json",     
    async:true,
    success:function (resp) {
        // location.href="../index.html";
        localStorage.setItem("unique_sessiom_id","32424");
        localStorage.setItem("username",userName);
        alert("Done "+resp);
    },
    error:function (resp) {
        alert("Error "+resp);
    }
});