在現今的網站應用中，登錄功能是必不可少的一環。而在用戶登錄成功后，一個常見需求是在登錄后的頁面上顯示用戶的用戶名信息。這樣可以提高用戶體驗，讓用戶感受到網站的個性化服務。為了實現這個功能，可以使用AJAX技術。

舉個例子來說明，假設有一個網站，用戶需要進行登錄才能查看個人信息。用戶在登錄頁面輸入用戶名和密碼后，點擊登錄按鈕。此時，通過AJAX技術發送請求給后臺，并將用戶名和密碼作為參數傳遞給服務器。后臺驗證用戶名和密碼是否匹配，如果匹配，則返回用戶的信息。前端收到服務器返回的用戶信息后，可以將其顯示在頁面上，比如在頁面的右上角顯示“歡迎，xxx”。這樣用戶登錄后，在頁面上看到自己的名字，會感到很親切，也有一種歸屬感。

// HTML代碼
<div id="userInfo"></div>
// JavaScript代碼
// 使用jQuery中的AJAX方法
$.ajax({
url: "login.php", // 后臺處理登錄的接口
type: "POST",
data: {
username: "xxx",
password: "xxx"
},
success: function(response){
if(response.success){
$("#userInfo").html("歡迎，" + response.username);
}
}
});

除了使用AJAX技術實現登錄后顯示用戶名信息外，還有其他的實現方式。比如，登錄成功后，服務器會返回一個包含用戶信息的token，前端將token保存在cookie中。在每次請求需要用戶權限的接口時，前端會將token作為參數發送給后臺。后臺根據token來驗證用戶名，如果匹配則返回用戶信息。

繼續在上述例子中講解，如果用戶名和密碼驗證通過，后臺可以生成一個token并返回給前端。前端可以通過localStorage、sessionStorage或cookie來保存token。當用戶進行其他請求時，前端將token作為參數發送給后臺。后臺解析token，從中獲取用戶名信息，并返回給前端。前端可以將用戶名信息顯示在頁面上。

// HTML代碼
<div id="userInfo"></div>
// JavaScript代碼
// 使用jQuery中的AJAX方法
$.ajax({
url: "login.php", // 后臺處理登錄的接口
type: "POST",
data: {
username: "xxx",
password: "xxx"
},
success: function(response){
if(response.success){
// 將token保存在cookie中
document.cookie = "token=" + response.token;
$("#userInfo").html("歡迎，" + response.username);
}
}
});
// 用戶進行其他請求時，帶上token參數
$.ajax({
url: "someApi.php", // 其他請求的接口
type: "GET",
data: {
token: getCookie("token")
},
success: function(response){
// 處理接口返回的數據
}
});

綜上所述，使用AJAX技術可以在用戶登錄后顯示用戶名信息。通過AJAX向后臺發送登錄請求，并驗證用戶名和密碼是否匹配。成功登錄后，前端可以將返回的用戶信息顯示在頁面上，提高用戶體驗。除了AJAX，還可以使用token來驗證用戶身份，實現用戶名信息的顯示。無論是使用AJAX還是token驗證，最終目的都是在用戶登錄成功后，向用戶展示個性化的信息。