本文主要探討在使用AJAX（Asynchronous JavaScript and XML）中，當請求成功時如何跳轉到指定頁面的問題。在開發Web應用中，經常會遇到需要通過AJAX發送異步請求并根據請求結果進行頁面跳轉的情況。通過使用AJAX，我們可以完成無刷新頁面加載的效果，提升用戶體驗。在本文中，將通過舉例說明如何使用AJAX在請求成功后跳轉到指定頁面。

首先，我們需要在前端頁面中使用JavaScript來處理AJAX請求。下面是一個基本的示例代碼：

function sendRequest(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function() {
if (xhr.status === 200) {
callback(xhr.responseText);
}
};
xhr.send();
}

上面的代碼定義了一個名為sendRequest的函數，它接收url參數和callback參數。這個函數使用XMLHttpRequest對象創建一個AJAX請求并發送到指定的url。當請求成功返回后，會調用傳入的callback函數進行進一步處理。

接下來，我們需要在callback函數中實現頁面跳轉功能。下面是一個例子：

function handleResponse(response) {
// 處理響應數據
// 頁面跳轉
window.location.;
}

在上面的代碼中，handleResponse函數接收服務器返回的響應數據作為參數。在處理完響應數據后，我們使用window.location.href將頁面跳轉到指定的URL（https://example.com）。這樣，當AJAX請求成功后，頁面就會跳轉到指定的頁面。

舉個例子來說明，在一個電商網站中，當用戶點擊某個商品時，會觸發一個AJAX請求，請求服務器獲取該商品的詳細信息。在請求成功后，我們希望將頁面跳轉到該商品的詳情頁。通過使用AJAX，我們可以在不刷新整個頁面的情況下加載商品詳情頁，提供更好的用戶體驗。

下面是一個示例代碼：

function showProductDetails(productId) {
var apiUrl = "https://example.com/api/product/" + productId;
sendRequest(apiUrl, function(response) {
// 解析響應數據并顯示商品詳情
// 頁面跳轉
window.location. + productId;
});
}

在上面的代碼中，showProductDetails函數接收一個參數productId，它表示要顯示詳細信息的商品的ID。首先，我們構建了一個API請求的URL，然后使用sendRequest函數發送AJAX請求并在請求成功后進行進一步的處理。

當響應數據被成功處理后，我們使用window.location.href將頁面跳轉到指定的商品詳情頁的URL。比如，如果productId為123，那么頁面會跳轉到"https://example.com/products/123"。

總結來說，通過使用AJAX，在請求成功后跳轉到指定頁面是非常簡單的。我們只需要在請求成功的回調函數中使用window.location.href來實現跳轉。這樣，我們可以提供更好的用戶體驗，無需刷新整個頁面即可加載新的內容。

本文通過提供示例代碼來說明如何在AJAX請求成功后進行頁面跳轉。在實際開發中，我們可以根據具體的需求來調整和擴展這些示例代碼。希望本文對你理解AJAX請求成功后跳轉頁面有所幫助！