如何从 AJAX 请求响应内容中获取 cookie ？

在AJAX请求中获取cookie通常不是一个直接的过程，因为出于安全原因，浏览器通常会限制对Set-Cookie响应头部的访问。这是由同源策略（SOP）导致的，该策略阻止了不同源的文档或脚本相互干涉。

但是，如果你控制服务器端和客户端，你可以采取以下步骤来通过AJAX请求接收和发送cookie：

1. 通过服务器端设置cookie： 当你的服务器响应AJAX请求时，你可以设置一个Set-Cookie头部，这样浏览器会自动处理这个cookie并储存起来。

   例如，在HTTP响应中，服务器可能会包含如下的头部：

   shell
   Set-Cookie: sessionid=abc123; Path=/; HttpOnly

2. 确保AJAX请求发送cookie： 要确保AJAX请求从浏览器发送cookie，你需要确保请求遵循同源策略，且withCredentials属性应设置为true。例如，在使用XMLHttpRequest时，代码应该如下：

   javascript
   var xhr = new XMLHttpRequest();
   xhr.open('GET', 'http://example.com/api/data', true);
   xhr.withCredentials = true;
   xhr.onreadystatechange = function() {
       if (xhr.readyState === XMLHttpRequest.DONE) {
           var status = xhr.status;
           if (status === 0 || (status >= 200 && status < 400)) {
               // 请求成功，处理响应数据
           } else {
               // 出错了，处理错误
           }
       }
   };
   xhr.send();

   如果你使用fetch API，你应该在请求选项中设置credentials属性：

   javascript
   fetch('http://example.com/api/data', {
     method: 'GET',
     credentials: 'include' // 或' same-origin'如果你的请求与服务器同源
   })
   .then(function(response) {
       // 处理响应
   })
   .catch(function(error) {
       // 处理错误
   });

3. 在客户端读取cookie： 如果服务器设置的cookie没有设置为HttpOnly，JavaScript可通过document.cookie属性读取它。然而，HttpOnly标记的作用就是防止JavaScript访问cookie，增加安全性，防止跨站脚本攻击（XSS）。

   javascript
   var cookieValue = document.cookie
     .split('; ')
     .find(row => row.startsWith('cookieName='))
     ?.split('=')[1];

   注意，document.cookie不会显示HttpOnly的cookie，而Set-Cookie头部通常是由服务器设置的且很多时候会设置为HttpOnly以增强安全性。

如果你打算通过AJAX请求直接获取Set-Cookie头部，这通常是不可能的，因为大多数现代浏览器不会把Set-Cookie头部暴露给JavaScript（也就是说，你不能使用XMLHttpRequest或fetchAPI的getResponseHeader方法来获取Set-Cookie头部）。

总之，正确的方法是通过服务器端设置cookie，然后在客户端通过AJAX请求确保发送cookie，但通常不能通过JavaScript直接从响应中获取Set-Cookie头部。如果你需要在客户端存储来自服务器的信息，你可以考虑使用其他方式，比如将数据包含在响应正文中，然后使用JavaScript来处理和存储数据，可能是作为cookie或者使用其他存储机制，如LocalStorage或SessionStorage。