Ajax（Asynchronous JavaScript And XML）即異步的 JavaScript 和 XML 技術。它可以在不刷新整個頁面的情況下，通過局部刷新實現與服務器的數據交互和頁面更新。與傳統的頁面跳轉相比，Ajax 提供了一種更加靈活和用戶友好的方式，提升了網頁的用戶體驗。

使用 Ajax 進行局部刷新可以避免整個頁面的重新加載，從而節省了傳輸的數據量，提高了頁面的響應速度。例如，在一個社交媒體應用中，用戶在頁面上發送了一條評論，傳統的操作方式是點擊“提交”按鈕后刷新整個頁面，包括最新的評論。而使用 Ajax 技術，用戶可以點擊“提交”按鈕后，只刷新頁面上評論部分的內容，不會對整個頁面進行刷新。這樣做的好處是，用戶可以立即看到自己剛剛發送的評論，并且不會丟失其他用戶的評論，提供了更好的用戶體驗。

$.ajax({
url: "comments.php",
type: "POST",
data: { comment: "This is a new comment" },
success: function(response) {
// 修改頁面上的評論部分內容
$("#comments").html(response);
}
});

上述代碼示例中，通過使用 jQuery 的 $.ajax 方法發送了一個 POST 請求到 "comments.php" 的 URL，同時將評論內容作為參數傳遞。當服務器返回數據時，通過調用 success 回調函數將返回的評論內容更新到頁面的相應位置（id 為 comments 的元素）上，實現了評論部分的局部刷新。

除了局部刷新，Ajax 還可以用于在不刷新整個頁面的情況下進行頁面跳轉。這種方式被廣泛應用于單頁面應用（SPA）等場景中。例如，在一個電子商務網站中，用戶在商品列表頁面點擊一個商品，需要跳轉到對應的商品詳情頁面。傳統的方式是通過標簽的 href 屬性進行頁面跳轉，而使用 Ajax，則可以在不刷新整個頁面的情況下加載商品詳情。

$("#product-list").on("click", ".product", function() {
var productId = $(this).attr("data-id");
$.ajax({
url: "product.php",
type: "GET",
data: { id: productId },
success: function(response) {
// 使用 Ajax 加載商品詳情，不刷新整個頁面
$("#content").html(response);
}
});
});

上述代碼示例中，通過事件委托的方式，為商品列表中的每個商品綁定了點擊事件。在點擊事件中，首先獲取了被點擊商品的 ID，然后通過 Ajax 發送 GET 請求到 "product.php" 的 URL，并將商品 ID 作為參數傳遞。服務端返回商品詳情數據后，使用 success 回調函數將數據更新到頁面的相應位置（id 為 content 的元素）上，實現了頁面的跳轉。

綜上所述，Ajax 技術的局部刷新和頁面跳轉功能，通過避免整個頁面的重新加載，提高了頁面的響應速度和用戶體驗。通過使用 Ajax，可以根據實際需求，選擇性地更新頁面內容，提升網頁性能和交互性。