Ajax刷新當前頁面是一種常用的網頁技術，它可以在不刷新整個頁面的情況下，更新頁面的部分內容。比如，在一個電商網站中，當用戶點擊某個商品的購買按鈕時，可能只想更新購物車的數量和總金額，而不需要重新加載整個頁面。通過使用Ajax技術，可以實現這樣的功能并提升用戶體驗。

在使用Ajax刷新當前頁面時，我們通常會使用jQuery框架來簡化操作。下面是一個示例，展示了如何使用Ajax刷新當前頁面：

$(document).ready(function(){
// 監聽購買按鈕的點擊事件
$(".buy-button").click(function(){
// 發送Ajax請求
$.ajax({
url: "updateCart.php",
type: "POST",
data: {itemId: "12345", quantity: 1},
success: function(data){
// 更新購物車數量和總金額
$(".cart-count").text(data.count);
$(".total-amount").text(data.amount);
}
});
});
});

在上面的例子中，當用戶點擊class為"buy-button"的按鈕時，會發送一個POST請求到"updateCart.php"頁面，并傳遞商品ID和數量作為參數。當請求成功返回時，會調用success函數，更新頁面中class為"cart-count"和"total-amount"的元素的文本內容。

除了購物車數量和總金額，Ajax刷新當前頁面還可以用來更新其他的頁面內容。比如，在一個新聞網站中，如果用戶閱讀一個新聞文章后想查看更多相關文章，可以使用Ajax技術實現局部刷新。下面是一個示例，展示了如何使用Ajax刷新當前頁面來加載更多相關文章：

$(document).ready(function(){
// 監聽"查看更多"按鈕的點擊事件
$(".load-more-button").click(function(){
// 發送Ajax請求
$.ajax({
url: "loadMoreArticles.php",
type: "GET",
data: {categoryId: 123, offset: 10},
success: function(data){
// 在頁面底部插入新的文章列表
$(".article-list").append(data);
}
});
});
});

在上面的例子中，當用戶點擊class為"load-more-button"的按鈕時，會發送一個GET請求到"loadMoreArticles.php"頁面，并傳遞文章分類ID和偏移量作為參數。當請求成功返回時，會調用success函數，將返回的文章列表插入到class為"article-list"的元素的末尾。

綜上所述，通過使用Ajax刷新當前頁面，我們可以實現在不刷新整個頁面的情況下，更新頁面的部分內容。無論是電商網站的購物車更新，還是新聞網站的相關文章加載，這種技術都能提升用戶體驗并改善頁面加載速度。使用jQuery框架可以簡化操作，使我們更容易實現這樣的功能。而且，Ajax刷新當前頁面還具有很強的可擴展性，可以應用于各種不同的網頁場景，提升用戶與網站的交互效果。