ajax如何接收后端cookie

要在Ajax请求中接收后端发送的cookie，可以使用XMLHttpRequest对象的getResponseHeader()方法来获取响应头中的Set-Cookie字段。下面是一个示例代码，演示了如何在JavaScript中使用Ajax接收后端发送的cookie：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求的方法、URL和异步标志
xhr.open('GET', '/your/api/endpoint', true);

// 发送请求
xhr.send();

// 当请求完成时
xhr.addEventListener('load', function() {
  // 获取响应头中的Set-Cookie字段
  var cookie = xhr.getResponseHeader('Set-Cookie');
  console.log(cookie);
});

在上面的示例中，我们首先创建了一个XMLHttpRequest对象，并使用open()方法指定请求的方法、URL和异步标志。然后使用send()方法发送请求。

在请求完成后，我们通过添加一个load事件监听器来获取响应头中的Set-Cookie字段。使用getResponseHeader()方法可以获取指定的响应头字段的值。在这个例子中，我们获取了Set-Cookie字段的值，并在控制台上打印出来。

请注意，在Ajax跨域请求中，如果服务器在响应头中设置了Access-Control-Allow-Credentials为true，并且发送了带有cookie的响应头（Set-Cookie字段），那么浏览器会拒绝暴露这些cookie给前端JavaScript，以保护用户的隐私。如果你想要在Ajax请求中接收cookie，你需要将withCredentials属性设置为true，示例代码如下：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求的方法、URL和异步标志
xhr.open('GET', '/your/api/endpoint', true);

// 发送请求，并设置withCredentials为true
xhr.withCredentials = true;
xhr.send();

// 当请求完成时，获取响应头中的Set-Cookie字段
xhr.addEventListener('load', function() {
  var cookie = xhr.getResponseHeader('Set-Cookie');
  console.log(cookie);
});

在这个示例中，我们在发送请求前将withCredentials属性设置为true，以使XMLHttpRequest对象在发送请求时携带cookie。