需要帮助发送Ajax登录请求到服务器

Question

我正在开发/升级前端对正在运行的服务器，我已经开发除了登录一部分却困在现在许多操作。先前的前端登录表单发送以下请求到服务器。但我还是没能想出如何把那些在我的形式。这里是原来的请求数据，

接受：text / html的，应用/ XHTML + xml的，应用/ XML; Q = 0.9，图像/ WEBP，图像/ APNG，/ Q = 0.8

接受编码：gzip，紧缩

接受语言：EN-US之一; Q = 0.9

缓存控制：最大年龄= 0

连接：保持活跃

内容长度：84

内容类型：应用/ X WWW的窗体-urlencoded

饼干：JSESSIONID = 9C6A1F3E400407382561DA122E95EB43

主持人：ec2-13 - ****************用。

产地：HTTP：//***************compute.amazonaws.com

的Referer：http://ec2-13-229-218-84.ap-southeast-1 ************* / login.html的

升级不安全，要求：1

用户代理：Mozilla的/ 5.0（Windows NT的10.0; Win64的; 64）为AppleWebKit / 537.36（KHTML，例如Gecko）铬/ 72.0.3626.81 Safari浏览器/ 537.36

- 下面是表单数据 -

用户名：gtrsgtrs，密码：11100，$ {_ csrf.parameterName}：$ {_ csrf.token}

我需要在我的AJAX如上发送的请求数据。这是我的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错误。 头{}不工作，我也试图把那些在头{}在阿贾克斯，但是当我添加页眉它的反应会失败，无效的CORS请求的状态代码。

我还得到在控制台以下错误信息： -

从出身“http://ec2-13-229-218-84.ap-southeast-1.compute.am” http://localhost:63342 ********* / perform_login“访问的XMLHttpRequest已封锁CORS政策：否“访问控制允许来源”标头出现在所请求的资源。

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);
    }
});