Question

我在同一个域上有$.ajax个请求，我想读取cookie。它不断返回null。

$.ajax({
    type: 'GET',
    url: myUrl,
    success: function(output, status, xhr) {
        alert(xhr.getResponseHeader("MyCookie"));
    },
    cache: false
});

有什么想法吗？我正在使用Chrome。

Answer 1

浏览器无法访问第三方Cookie，例如出于安全原因从ajax请求中获取的内容，然而它会自动为您处理这些内容！

为此，您需要：

1）使用您希望从中返回Cookie的ajax请求进行登录：

$.ajax("https://example.com/v2/login", {
     method: 'POST',
     data: {login_id: user, password: password},
     crossDomain: true,
     success: login_success,
     error: login_error
  });

2）在下一个ajax请求中与xhrFields: { withCredentials: true }联系，以使用浏览器保存的凭据

$.ajax("https://example.com/v2/whatever", {
     method: 'GET',
     xhrFields: { withCredentials: true },
     crossDomain: true,
     success: whatever_success,
     error: whatever_error
  });

浏览器会为您处理这些Cookie，即使它们无法从headers或document.cookie

中读取

Answer 2

您正在寻找Set-Cookie的回复标题：

xhr.getResponseHeader('Set-Cookie');

但它不适用于HTTPOnly cookie。

更新

根据XMLHttpRequest Level 1和XMLHttpRequest Level 2，此特定响应标头属于您可以使用getResponseHeader()获取的“禁止”响应标头，因此这可行的唯一原因是基本上是一个“顽皮”的浏览器。

Answer 3

xhr.getResponseHeader('Set-Cookie');

这对我不起作用。

我用这个

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
    }
    return "";
} 

success: function(output, status, xhr) {
    alert(getCookie("MyCookie"));
},

http://www.w3schools.com/js/js_cookies.asp

Answer 4

与yebmouxing相似，我不能

 xhr.getResponseHeader('Set-Cookie');

工作方法。即使我在服务器上将HTTPOnly设置为false，它也只会返回null。

我也写了一个简单的js helper函数来从文档中获取cookie。此功能非常基本，只有在您知道自己添加的其他信息（生命周期，域名，路径等）时才有效：

function getCookie(cookieName){
  var cookieArray = document.cookie.split(';');
  for(var i=0; i<cookieArray.length; i++){
    var cookie = cookieArray[i];
    while (cookie.charAt(0)==' '){
      cookie = cookie.substring(1);
    }
    cookieHalves = cookie.split('=');
    if(cookieHalves[0]== cookieName){
      return cookieHalves[1];
    }
  }
  return "";
}

如何从AJAX响应中获取cookie？

4 个答案:

更新