AJAX和jQuery是兩種常用的前端技術，它們可以實現在不刷新整個頁面的情況下，切換頁面的部分內容。比如，在一個電子商務網站上，當用戶點擊某個商品分類的鏈接時，使用AJAX和jQuery可以實現只更新商品列表的部分內容，而不需要重新加載整個頁面。這樣可以提高用戶體驗，減少服務器負載。

下面是一個例子，假設我們有一個網站，主頁面上有幾個不同分類的商品列表。當用戶點擊某個分類的鏈接時，頁面上顯示該分類的商品列表。我們可以使用AJAX和jQuery實現這個功能：

$(document).ready(function(){
$('#category-link').click(function(event){
event.preventDefault();
var categoryId = $(this).data('category-id');
$.ajax({
url: '/get-products',
type: 'GET',
data: { categoryId: categoryId },
success: function(response){
$('#product-list').html(response);
}
});
});
});

在上面的代碼中，我們首先使用jQuery的`$(document).ready()`方法，確保在DOM加載完成后運行代碼。然后，我們給分類鏈接綁定了一個點擊事件，并使用`event.preventDefault()`方法阻止鏈接的默認行為，即阻止頁面跳轉。

接下來，我們獲取被點擊鏈接的`data-category-id`屬性值，該屬性用于標識該分類的唯一ID。然后，我們使用jQuery的`$.ajax()`方法發起一個GET請求，傳遞該分類ID作為參數。

服務器端接收到這個請求后，根據傳遞的分類ID，獲取對應的商品列表數據，并將其渲染為HTML字符串。我們在`success`回調函數中，將服務器返回的商品列表HTML字符串更新到頁面上的商品列表容器中，使用`$('#product-list').html(response)`這一行代碼實現。

通過上面的代碼，我們實現了在點擊分類鏈接時，使用AJAX和jQuery更新頁面內容的效果。用戶無需刷新整個頁面，只需要切換商品分類鏈接，頁面上的商品列表就會相應地更新。

除了上面的例子，AJAX和jQuery還可以用于切換其他頁面內容，比如用戶登錄后切換頂部菜單的顯示內容，或者在表單提交后切換成功提示信息的顯示內容等等。在這些場景下，使用AJAX和jQuery可以提供更流暢和高效的用戶體驗。

總的來說，AJAX和jQuery提供了一種快速、動態地切換頁面內容的方法，避免了重新加載整個頁面的開銷。我們只需要獲取需要更新的內容，并將其插入到頁面的相應位置，就能實現頁面部分內容的切換。這不僅提高了用戶體驗，還減輕了服務器的負載。因此，在開發網站時，合理地使用AJAX和jQuery來實現頁面內容的切換是非常值得推薦的。