在前端開發中，經常需要通過Ajax技術向后端發送請求并獲取數據。在使用Ajax的過程中，經常需要將cookie一并發送給服務器，用于身份驗證、會話保持等。本文將介紹如何使用Ajax發送請求時攜帶cookie，并結合舉例進行說明。 一般情況下，Ajax默認是不會攜帶cookie的。為了實現攜帶cookie的功能，可以使用jQuery的$.ajax方法來發送請求。該方法中有一個配置項xhrFields，可以設置攜帶cookie。例如：

$.ajax({
url: 'example.php',
type: 'GET',
dataType: 'json',
xhrFields: {
withCredentials: true
},
success: function(data) {
// 請求成功的處理
}
});

在上述代碼中，設置xhrFields的withCredentials為true，即可開啟攜帶cookie的功能。接下來，讓我們通過一個具體的例子來進行演示。 假設我們有一個用戶登錄的系統，前端頁面有一個按鈕，當用戶點擊按鈕時，會向服務器發送一個登錄請求，并攜帶cookie。服務器端會根據cookie中的信息判斷用戶是否登錄成功，并返回相應的結果。

html部分：
<button id="loginBtn">登錄</button>
js部分：
$('#loginBtn').click(function() {
$.ajax({
url: 'login.php',
type: 'POST',
xhrFields: {
withCredentials: true
},
success: function(data) {
if (data.success) {
alert('登錄成功');
} else {
alert('登錄失敗');
}
},
error: function() {
alert('請求失敗');
}
});
});

在上述例子中，用戶點擊按鈕后，會發送一個POST請求給服務器，同時攜帶cookie信息。服務器端接收到請求后，根據cookie中的信息進行驗證，如果驗證成功，則返回一個包含success字段為true的JSON數據，表示登錄成功；否則返回一個包含success字段為false的JSON數據，表示登錄失敗。前端根據返回的數據進行相應的處理。 需要注意的是，使用攜帶cookie的Ajax請求時，服務器端也需要配置相應的響應頭。使用PHP語言作為后端示例代碼，可以在登錄接口中添加以下代碼：

header('Access-Control-Allow-Origin: http://localhost:8080');
header('Access-Control-Allow-Credentials: true');

通過設置Access-Control-Allow-Origin為前端頁面的地址，以及設置Access-Control-Allow-Credentials為true，表示允許跨域請求并攜帶cookie。 通過以上的示例代碼，可以看出通過將xhrFields的withCredentials設置為true，即可使用Ajax發送請求時攜帶cookie。這樣的設計對于實現用戶登錄、身份驗證等功能非常有用。同時，我們還需要注意在前后端都做相應的配置，以確保攜帶cookie的請求能夠正常運行。 總結起來，通過以上的介紹和示例，我們了解了如何使用Ajax發送請求時攜帶cookie。使用$.ajax方法，設置xhrFields的withCredentials為true即可開啟攜帶cookie的功能。這樣可以方便地實現用戶登錄、身份驗證等功能。同時，在服務器端也需要進行相應的配置，才能確保攜帶cookie的請求能夠正常運行。希望本文能對您在開發中使用Ajax攜帶cookie有所幫助。