AJAX（異步JavaScript和XML）是一種用于在后臺與服務器進行數據交換的技術，它可以在不刷新頁面的情況下更新網頁。在開發Web應用程序時，經常需要實現用戶登錄功能，并在登錄成功后設置cookie保存用戶的登錄狀態。本文將介紹如何使用AJAX來實現登錄成功后自動設置cookie的功能。

在登錄頁面，用戶輸入用戶名和密碼后，點擊登錄按鈕會觸發AJAX請求，將用戶名和密碼發送給服務器進行驗證。以下是使用jQuery的AJAX函數實現登錄的示例代碼：

$.ajax({
url: "login.php",
type: "POST",
data: {
username: username,
password: password
},
success: function(response) {
// 登錄成功后設置cookie
document.cookie = "username=" + response.username;
document.cookie = "token=" + response.token;
// 其他操作
},
error: function() {
// 處理登錄失敗的邏輯
}
});

在上面的代碼中，我們使用jQuery的ajax函數發送POST請求到一個名為login.php的服務器端腳本。腳本會根據傳遞過來的用戶名和密碼進行驗證，如果驗證通過，將返回登錄用戶的信息（例如用戶名和一個用于驗證身份的token），AJAX函數的success回調函數會被觸發。

在success回調函數中，我們可以通過document.cookie來設置cookie。在這個例子中，我們將登錄用戶的用戶名和token保存在cookie中。設置cookie的格式是"key=value"，可以根據需要添加更多的cookie信息。一旦cookie被設置，瀏覽器會在后續的請求中自動發送該cookie到服務器端。

通過在登錄成功后設置cookie，我們可以實現一些便捷的功能。例如，用戶登錄后，可以在其他頁面上顯示其用戶名，或者根據用戶的登錄狀態來控制某些功能的可用性。以下是一個展示登錄用戶信息的示例代碼：

function getCookie(name) {
var nameEQ = name + "=";
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
while (cookie.charAt(0) == ' ') {
cookie = cookie.substring(1, cookie.length);
}
if (cookie.indexOf(nameEQ) === 0) {
return cookie.substring(nameEQ.length, cookie.length);
}
}
return null;
}
var username = getCookie("username");
if (username) {
// 顯示登錄用戶的信息
$("body").append("歡迎，" + username + "！");
} else {
// 用戶未登錄的處理邏輯
$("body").append("請先登錄！");
}

在上面的代碼中，我們定義了一個名為getCookie的函數，用于獲取cookie中指定名稱的值。然后，我們調用getCookie函數獲取cookie中的用戶名，如果存在則在頁面上顯示歡迎信息，如果不存在則顯示請先登錄的提示。這樣，用戶在登錄后，無論進入哪個頁面，都可以看到其用戶名的歡迎信息。

總結來說，使用AJAX可以實現登錄成功后自動設置cookie的功能。通過在success回調函數中設置cookie，我們可以方便地保存用戶的登錄狀態，在后續的請求中自動發送cookie到服務器端。這樣，我們可以根據用戶的登錄狀態來實現一些個性化的功能，提供更好的用戶體驗。