在我們的Web應用程序中，分頁是一個十分普遍的功能。而利用jQuery和Ajax來實現分頁功能，則是一個相對較易實現的方式。下面，我們就來一起學習實現一個基于jQuery和Ajax的分頁功能的例子。

// 點擊分頁導航欄后的事件
$('body').on('click', '.pagination a', function(e){
// 阻止默認的鏈接
e.preventDefault();
// 獲取當前頁數
var page = $(this).attr('href').split('page=')[1];
// 發起Ajax請求，獲取指定頁的數據
$.ajax({
url: '/example/ajax-paginate?page=' + page,
method: 'get',
dataType: 'html',
success: function(response){
$('#results').html(response);
}
});
});

上述代碼實現了當用戶在分頁導航欄中選擇其他頁數時，將會發起一個Ajax請求，獲取對應頁的數據，并使用jQuery來更新顯示數據的區域。

對于后端實現，我們可以通過查詢數據庫來返回對應的數據，然后再結合模板引擎來構建HTML。最終，我們應該能夠得到如下類似的一個分頁導航欄：

最后需要注意的是，在實現分頁功能時，我們還需要處理并返回當前分頁導航欄所處的位置，并在渲染分頁導航欄時在當前頁的位置加入一個選中狀態。在前端中，我們可以使用CSS來完成這一步操作。