AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下，通過與服務器進行異步數據交互的技術。它的出現使得頁面加載速度更快，并提供了更加流暢的用戶體驗。在HTML頁面跳轉時，使用AJAX可以實現無需刷新頁面的內容切換以及頁面跳轉，大大提升了網站的交互性和可用性。

以一個在線購物網站為例，當用戶點擊商品詳情頁時，傳統的做法是通過a標簽的href屬性，將用戶重定向到一個新的頁面。頁面刷新會導致原頁面的所有內容全部重載，體驗不佳且不符合用戶的期望。而使用AJAX技術，我們可以在不刷新頁面的情況下，將商品詳情頁加載到當前頁面，用戶可以在不離開當前頁面的情況下獲取更多信息或進行其他操作。

function showProductDetail(productId) {
$.ajax({
url: 'getProductDetail.php',
type: 'GET',
data: { id: productId },
success: function(response) {
$('#productDetail').html(response);
},
error: function() {
alert('Failed to load product detail.');
}
});
}

上述代碼使用了jQuery庫提供的AJAX方法，通過發送GET請求到"getProductDetail.php"頁面，并傳遞商品ID作為參數。服務器返回商品詳情的HTML代碼后，我們將其插入到頁面中的一個帶有id屬性為"productDetail"的元素中。這樣，當用戶點擊商品的鏈接時，通過調用showProductDetail函數，我們可以動態地向頁面添加商品詳情，而無需刷新整個頁面。

除了根據用戶的交互動作加載不同的頁面內容外，AJAX還可以用于實現單頁應用（Single-Page Application，SPA）。SPA是指整個應用只有一個HTML頁面，通過動態加載不同的內容片段來實現頁面切換和交互。與傳統的多頁面應用相比，SPA更加靈活，用戶體驗更加流暢。

繼續以在線購物網站為例，我們可以使用AJAX實現商品分類切換。當用戶點擊不同的分類標簽時，通過AJAX從服務器加載該分類下的商品列表并動態更新頁面。無需刷新整個頁面，用戶可以在不同的分類之間進行無縫切換，提高了用戶的效率和體驗。

function switchCategory(categoryId) {
$.ajax({
url: 'getCategoryProducts.php',
type: 'GET',
data: { categoryId: categoryId },
success: function(response) {
$('#productListContainer').html(response);
},
error: function() {
alert('Failed to switch category.');
}
});
}

以上代碼中，當用戶點擊不同的分類標簽時，調用switchCategory函數向服務器發送GET請求，并傳遞選中的分類ID作為參數。服務器返回該分類下的商品列表的HTML代碼后，我們將其替換掉頁面中的"productListContainer"元素的內容，達到無刷新更新頁面的效果。

AJAX的使用使得在HTML頁面跳轉時不再需要刷新整個頁面，提高了網站的性能和用戶體驗。通過動態加載內容，我們可以做到頁面內容的增量更新和切換，無需打斷用戶的操作流程。然而，在使用AJAX時也需要注意合理的頁面設計和用戶交互，以確保良好的用戶體驗。