AJAX（Asynchronous JavaScript and XML）是一種在Web開發中常用的技術，它能夠實現網頁與后端服務器之間的異步通信。在使用AJAX進行通信的過程中，有時候我們需要從后端服務器接收Cookie數據。本文將介紹如何使用AJAX接收后端服務器發送的Cookie，并通過舉例進行說明。

在使用AJAX接收Cookie之前，我們需要先設置后端服務器發送Cookie的相關配置。假設我們的后端服務器通過PHP來實現，我們可以使用setcookie()函數來設置Cookie。例如：

// 設置Cookie
setcookie("username", "John", time() + 3600, "/");

上述代碼會將名為username的Cookie的值設置為John，有效期為一小時，作用域為整個網站。

接下來，我們可以通過AJAX來接收后端服務器發送的Cookie數據。在使用AJAX時，我們可以通過XMLHttpRequest對象來發送請求，并通過responseText屬性獲取服務器的響應數據。下面是一個使用AJAX接收Cookie的示例：

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽readyState變化事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取Cookie數據
var cookie = xhr.getResponseHeader("Set-Cookie");
console.log(cookie);
}
};
// 發送請求
xhr.open("GET", "example.php", true);
xhr.send();

在上述示例中，我們創建了一個XMLHttpRequest對象，并設置了onreadystatechange事件處理函數。在每次調用readyStateChange事件處理函數時，我們檢查readyState屬性和status屬性的值，以確保請求已經完成并且服務器返回狀態碼為200。然后，我們使用getResponseHeader()方法獲取服務器響應的Cookie數據，并通過console.log()方法將其輸出到控制臺。

通過以上示例，我們可以獲取到后端服務器發送的Cookie數據，并進行進一步的處理或展示。例如，我們可以將Cookie數據顯示在網頁中：

<div id="cookie-container"></div>
<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var cookie = xhr.getResponseHeader("Set-Cookie");
document.getElementById("cookie-container").innerText = cookie;
}
};
xhr.open("GET", "example.php", true);
xhr.send();
</script>

在以上示例中，我們創建了一個帶有id="cookie-container"的