ajax如何接收后端cookie

要在Ajax請求中接收后端發(fā)送的cookie，可以使用XMLHttpRequest對象的getResponseHeader()方法來獲取響應(yīng)頭中的Set-Cookie字段。下面是一個示例代碼，演示了如何在JavaScript中使用Ajax接收后端發(fā)送的cookie：

// 創(chuàng)建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();

// 設(shè)置請求的方法、URL和異步標志
xhr.open('GET', '/your/api/endpoint', true);

// 發(fā)送請求
xhr.send();

// 當請求完成時
xhr.addEventListener('load', function() {
  // 獲取響應(yīng)頭中的Set-Cookie字段
  var cookie = xhr.getResponseHeader('Set-Cookie');
  console.log(cookie);
});

在上面的示例中，我們首先創(chuàng)建了一個XMLHttpRequest對象，并使用open()方法指定請求的方法、URL和異步標志。然后使用send()方法發(fā)送請求。

在請求完成后，我們通過添加一個load事件監(jiān)聽器來獲取響應(yīng)頭中的Set-Cookie字段。使用getResponseHeader()方法可以獲取指定的響應(yīng)頭字段的值。在這個例子中，我們獲取了Set-Cookie字段的值，并在控制臺上打印出來。

請注意，在Ajax跨域請求中，如果服務(wù)器在響應(yīng)頭中設(shè)置了Access-Control-Allow-Credentials為true，并且發(fā)送了帶有cookie的響應(yīng)頭（Set-Cookie字段），那么瀏覽器會拒絕暴露這些cookie給前端JavaScript，以保護用戶的隱私。如果你想要在Ajax請求中接收cookie，你需要將withCredentials屬性設(shè)置為true，示例代碼如下：

// 創(chuàng)建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();

// 設(shè)置請求的方法、URL和異步標志
xhr.open('GET', '/your/api/endpoint', true);

// 發(fā)送請求，并設(shè)置withCredentials為true
xhr.withCredentials = true;
xhr.send();

// 當請求完成時，獲取響應(yīng)頭中的Set-Cookie字段
xhr.addEventListener('load', function() {
  var cookie = xhr.getResponseHeader('Set-Cookie');
  console.log(cookie);
});

在這個示例中，我們在發(fā)送請求前將withCredentials屬性設(shè)置為true，以使XMLHttpRequest對象在發(fā)送請求時攜帶cookie。