Question

我正在为运行中的服务器开发/升级前端，我开发了许多操作，除了我现在停留在的登录部分。前一个前端登录表单将以下请求发送到服务器。但我仍然不知道如何以我的表格发送这些邮件。这是原始请求数据，

接受：text / html，application / xhtml + xml，application / xml; q = 0.9，image / webp，image / apng， / ; q = 0.8

接受编码：gzip，放气

接受语言：en-US，en; q = 0.9

缓存控制：max-age = 0

连接：保持活动状态

内容长度：84

Content-Type：应用程序/ 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

不安全升级请求：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}

我需要像上面一样在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中的错误。
header {}不起作用，因为我也尝试在ajax中发送header {}中的那些消息，但是当我添加header时，它会通过无效的cors请求响应失败的状态代码。

我也在控制台中收到以下错误消息：-

CORS策略已阻止从源“ http://ec2-13-229-218-84.ap-southeast-1.compute.am”访问“ http://localhost:63342 ********* / perform_login”处的XMLHttpRequest：无“ 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);
    }
});

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

1 个答案: