在網頁開發中，使用Ajax技術實現登錄功能是很常見的需求。當用戶登錄成功后，一般來說會跳轉到指定的頁面。然而，有時候我們會希望登錄成功后能夠跳轉到用戶上一次瀏覽的頁面，這樣可以提升用戶體驗。本文將會介紹如何通過使用Ajax技術實現登錄成功后跳轉到之前頁面的功能。

為了演示方便，我們假設一個示例網站，該網站有一個登錄頁面和一個用戶信息頁面。用戶在瀏覽用戶信息頁面時，如果未登錄，將會自動跳轉到登錄頁面。當用戶成功登錄后，我們希望能夠跳轉回用戶信息頁面，而不是固定的某個頁面。

首先，我們需要在登錄頁面中添加相應的JavaScript代碼，以記錄用戶正在瀏覽的頁面路徑。我們可以在XMLHttpRequest對象的onreadystatechange事件中完成這個操作。以下是示例代碼：

// 在登錄頁面的JavaScript代碼中
var previousPage = document.referrer;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
// 如果登錄成功，則跳轉到之前的頁面
if (xhr.status === 200) {
window.location.href = previousPage;
}
}
};

以上代碼中，我們首先通過document.referrer獲取用戶之前瀏覽的頁面路徑，然后創建一個XMLHttpRequest對象，并為其注冊onreadystatechange事件。在這個事件處理程序中，我們判斷請求狀態和響應狀態。如果登錄成功，那么通過window.location.href將用戶重定向到之前的頁面。

接下來，我們在登錄頁面的表單提交事件中，使用Ajax通過POST請求將用戶輸入的用戶名和密碼發送到服務器進行驗證。以下是示例代碼：

// 在登錄頁面的JavaScript代碼中
var loginForm = document.getElementById('loginForm');
loginForm.addEventListener('submit', function(event) {
event.preventDefault();
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
var xhr = new XMLHttpRequest();
xhr.open('POST', 'login.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
// 如果登錄成功，則跳轉到之前的頁面
if (xhr.status === 200) {
window.location.href = previousPage;
}
}
};
xhr.send('username=' + username + '&password=' + password);
});

在以上代碼中，我們首先通過getElementById獲取登錄表單，然后為其注冊submit事件。在事件處理程序中，我們先阻止表單默認的提交行為，然后獲取用戶輸入的用戶名和密碼。接下來，我們創建一個XMLHttpRequest對象，設置請求方法和URL，同時設置請求頭的Content-Type為application/x-www-form-urlencoded，以便服務器能夠正確解析數據。然后，我們通過xhr.send發送請求，并在請求完成時判斷響應狀態，如果登錄成功則跳轉到之前的頁面。

通過以上的代碼，當用戶在用戶信息頁面點擊登錄后，會跳轉到登錄頁面，并在登錄成功后自動跳轉回用戶信息頁面，而不是固定的某個頁面。這樣一來，用戶體驗得到了極大的提升。

總結起來，通過使用Ajax技術實現登錄成功后跳轉到之前頁面的方法相對簡單。我們首先需要在登錄頁面中使用JavaScript代碼記錄用戶正在瀏覽的頁面路徑，然后在登錄表單提交事件中使用Ajax發送POST請求進行驗證。最后，在請求完成時判斷登錄狀態并跳轉到之前的頁面即可。