在前端開發中，經常會遇到需要分頁展示數據的情況。為了提升用戶體驗，常常會使用Ajax來實現無刷新分頁。然而，當用戶點擊某一頁之后，往往會希望能夠返回上一頁，以方便查看其他內容。本文將介紹如何在Ajax分頁之后實現返回上一頁的功能。

首先，我們需要了解Ajax分頁的基本原理。當用戶點擊某一頁時，JavaScript會向服務器發送一個HTTP請求，請求具體頁碼對應的數據。服務器返回數據后，JavaScript將其動態渲染到頁面中，從而實現無刷新分頁。這樣，用戶瀏覽不同頁碼的數據時，頁面的URL并不會發生改變。

要實現返回上一頁的功能，我們可以通過監聽瀏覽器的前進和后退事件，來判斷用戶是否希望返回上一頁。舉個例子，假設我們的分頁頁面的URL為：

http://example.com/paginated-page

用戶在該頁面點擊某一頁后，頁面的URL仍然是：

http://example.com/paginated-page

。但是，當用戶點擊瀏覽器的后退按鈕時，頁面的URL會變為上一頁的URL（比如：

http://example.com/previous-page

），即要返回上一頁。

針對上述例子，我們可以通過監聽瀏覽器的前進和后退事件，來實現返回上一頁的功能。當用戶點擊瀏覽器的后退按鈕時，JavaScript會捕捉到該事件，并獲取到上一頁的URL。然后，我們可以利用Ajax來重新請求上一頁的數據，并將其渲染到頁面中。

window.addEventListener('popstate', function (event) {
// 獲取上一頁的URL
var previousPageURL = event.state.previousPage;
// 請求上一頁的數據
$.ajax({
url: previousPageURL,
success: function (data) {
// 將數據渲染到頁面中
$('#content').html(data);
}
});
});

上述代碼中，我們通過監聽popstate事件來捕捉到瀏覽器的后退事件，并從事件對象中獲取到上一頁的URL。然后，我們使用Ajax來請求上一頁的數據，并將其渲染到頁面中的content元素中。

通過上述的實現，我們就可以在Ajax分頁之后實現返回上一頁的功能。當用戶點擊瀏覽器的后退按鈕時，頁面會重新加載上一頁的數據，從而方便用戶瀏覽其他內容。

需要注意的是，在使用這種方法之前，我們需要確保每一次分頁請求都會修改頁面的URL，以便我們能夠通過監聽popstate事件捕捉到瀏覽器的前進和后退操作。可以考慮使用HTML5的pushState()方法來實現改變URL的功能。

總之，結合Ajax分頁和瀏覽器的前進和后退事件，我們可以很方便地實現返回上一頁的功能。無論用戶在分頁頁面點擊了多少頁，他們都能夠通過瀏覽器的后退按鈕輕松返回到上一頁，以方便他們查看其他內容。