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

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

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

上述代碼示例中，通過使用 jQuery 的 $.ajax 方法發(fā)送了一個 POST 請求到 "comments.php" 的 URL，同時將評論內(nèi)容作為參數(shù)傳遞。當(dāng)服務(wù)器返回數(shù)據(jù)時，通過調(diào)用 success 回調(diào)函數(shù)將返回的評論內(nèi)容更新到頁面的相應(yīng)位置（id 為 comments 的元素）上，實現(xiàn)了評論部分的局部刷新。

除了局部刷新，Ajax 還可以用于在不刷新整個頁面的情況下進行頁面跳轉(zhuǎn)。這種方式被廣泛應(yīng)用于單頁面應(yīng)用（SPA）等場景中。例如，在一個電子商務(wù)網(wǎng)站中，用戶在商品列表頁面點擊一個商品，需要跳轉(zhuǎn)到對應(yīng)的商品詳情頁面。傳統(tǒng)的方式是通過標(biāo)簽的 href 屬性進行頁面跳轉(zhuǎn)，而使用 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 發(fā)送 GET 請求到 "product.php" 的 URL，并將商品 ID 作為參數(shù)傳遞。服務(wù)端返回商品詳情數(shù)據(jù)后，使用 success 回調(diào)函數(shù)將數(shù)據(jù)更新到頁面的相應(yīng)位置（id 為 content 的元素）上，實現(xiàn)了頁面的跳轉(zhuǎn)。

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