即使响应包含ajax请求的“Set cookie”头，浏览器上也不会存储cookie

Question

即使响应包含ajax请求的“设置cookie”头，cookie也不会存储在浏览器上。

请求html" target="_blank">代码：

function hitLogin(){
        var loginUrl = "http://myapp:8080/login";

        var geturl;
        $.ajax({

            type: "GET",
            url : loginUrl,
            data:   {
            user : "user1",
            password : "encryptedPassword"              
            },              
            headers: {
                "credentials": 'include',
                "withCredentials" : true,
                "crossDomain": true,
                "X-Requested-With" : "XMLHttpRequest",
                "Content-type" : "application/x-www-form-urlencoded",
                "Accept":"text/plain",
            },              

            success : function(data)
            {                   
                alert("Ajax request data: "+data);
            },
            error: function( xhr, status, error ) 
            {
                alert("Ajax request error: "+status ); 
            }
        }); 
        }

收到的响应标题：

访问控制允许凭据：true

访问控制允许标头：X-request-With、accept、内容类型、Cookie

访问控制允许方法：POST、GET、PUT、OPTIONS、DELETE

访问控制允许来源：http://myapp2.com:7011

访问控制最大年龄：3600

内容编码：gzip

内容类型：文本/纯文本；字符集=ISO-8859-1

日期：2018年6月6日星期三15:10:09 GMT

服务器：Apache-Coyote/1.1

设置-Cookie： MYCOOKIE=62lml5_S7qS31KaFDg-SH-e8Ds5FPjljCIHzfmhxMAr8Fdrqr6fHLjI7s2XPAO2P3tNFLNLS1_fgvDXF4pLmfg#1s1S1#正常-假；路径=/；

传输编码：分块

Vary：接受编码

凭据：真

当相同的url从浏览器命中时，我可以看到存储在浏览器中的cookie，但在ajax请求的情况下，它不会被存储。因此无法发送除此cookie之外的后续请求。

Answer 1

如前所述，这是CORS的情况，因此jquery请求无法设置cookie。

通过CORS在浏览器上设置Cookie，带有Ajax请求

帮助查找原因，并能够使用XMLHttpRequest存储cookie，凭据设置为true

Answer 2

您正在以HTTP头的形式发送带有凭据的：true，这没有任何用处。您应该将其设置为XHR字段。在jQuery中，您可以这样做：

$.ajax({
    type: "GET",
    url: loginUrl,
    data: { /* request parameters here */ },
    headers: { /* custom HTTP headers here, if you need any */ },
    xhrFields: {
        withCredentials: true,
    },
    /* other AJAX settings here */
})

此外，您发送的所有其他自定义HTTP头实际上也都是无用的：

>

跨域也不是HTTP头。它可以用作jQuery AJAX设置（即在标题对象之外），以强制jQuery将请求视为跨域的，即使目标URL看起来与当前页面的域相匹配。对你来说，这也没用。

jQuery会自动添加X-request-With:XMLHttpRequestHTTP头，因此将其指定为自定义头是100%冗余的。

无需显式发送HTTP内容类型头，因为jQuery将自动生成一个。如果您希望指定jQuery应该为请求使用哪种内容类型，那么应该使用标题之外的内容类型设置来指定。在任何情况下，您指定的都是默认值。

类似地，您应该使用jQuery$，而不是发送自定义HTTPAccepts头。ajax（）settingsaccepts和/或dataType来控制jQuery在响应中将接受哪些内容类型。通常您不需要这样做，因为jQuery使用的默认值很好，除非您的服务器配置错误并发送错误的内容类型。