Ajax（Asynchronous JavaScript and XML）是一種用于創建快速、流暢且無需刷新頁面的交互式網頁應用程序的技術。它通過在后臺與服務器進行數據交換，實現頁面的異步更新，用戶可以無需重新加載整個網頁，即可獲得與服務器端的數據通信和部分頁面更新的功能。在用戶登錄限制的實現上，Ajax可以幫助我們提升用戶體驗，增加安全性。

想象一個在線購物網站，用戶登錄后可以查看訂單、修改個人信息等功能。為了保護用戶的隱私和數據安全，我們希望限制每個用戶在一段時間內只能允許登錄一次，防止多個人同時使用同一個賬號登錄。通過Ajax可以實現這一限制。

首先我們需要在服務器端記錄每個用戶的登錄狀態和登錄時間。當用戶登錄時，服務器會記錄下用戶的唯一標識（如用戶ID）和當前時間戳。當用戶再次嘗試登錄時，我們可以通過Ajax向服務器發送請求，來獲取該用戶的登錄狀態。

function checkLoginStatus(userId) {
return new Promise((resolve, reject) => {
// 發送Ajax請求，獲取登錄狀態信息
const xhr = new XMLHttpRequest();
xhr.open('GET', '/checkLoginStatus?userId=' + userId, true);
xhr.onload = () => {
if (xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
resolve(response);
} else {
reject(new Error('Failed to get login status'));
}
};
xhr.onerror = () => {
reject(new Error('Failed to send request'));
};
xhr.send();
});
}

在上述代碼中，我們定義了一個名為checkLoginStatus的函數，它接受一個用戶ID作為參數，并返回一個 Promise 對象。該函數會發送一個異步的Ajax請求給服務器端，以獲取該用戶的登錄狀態信息。

在用戶點擊登錄按鈕后，我們可以調用checkLoginStatus函數來檢查用戶的登錄狀態并作出相應的處理。如果返回的登錄狀態信息表明用戶已在其他地方登錄過，并且登錄時間距離當前時間不超過指定的時間限制，我們可以提示用戶無法同時進行多次登錄。

const loginButton = document.getElementById('loginBtn');
loginButton.addEventListener('click', () => {
const userId = document.getElementById('userId').value;
checkLoginStatus(userId)
.then(response => {
if (response.loggedIn && !response.expired) {
alert('當前賬號已在其他設備登錄，請先退出或等待一段時間后再嘗試登錄。');
} else {
// 允許登錄
}
})
.catch(error => {
console.error(error);
// 處理錯誤情況
});
});