在網頁開發中，經常會遇到需要使用分頁來展示大量數據的情況。而為了增加用戶體驗，通常還需要保留用戶的查詢條件，以便用戶重新加載頁面時能夠保留之前的搜索條件。為了實現這一功能，我們可以使用Ajax技術來進行分頁和保存查詢條件的操作。

假設我們有一個電商網站，用戶可以通過搜索框輸入關鍵字來查詢商品。當用戶點擊搜索按鈕后，我們將使用Ajax來將用戶的查詢條件傳遞給服務器。服務器根據查詢條件返回相應的商品列表，并將結果以分頁的形式展示給用戶。

$(document).ready(function() {
$('#search-button').click(function() {
var keyword = $('#search-input').val();
var page = 1;
searchProducts(keyword, page);
});
function searchProducts(keyword, page) {
$.ajax({
url: '/products/search',
type: 'POST',
data: {
keyword: keyword,
page: page
},
success: function(response) {
// 處理服務器返回的商品列表
displayProducts(response.products);
// 處理分頁信息
displayPagination(response.totalPages, response.currentPage);
}
});
}
function displayProducts(products) {
// 將商品列表展示給用戶
}
function displayPagination(totalPages, currentPage) {
// 展示分頁信息給用戶
}
});

上述代碼中，當用戶點擊搜索按鈕時，會觸發一個點擊事件。通過jQuery選擇器獲取到搜索框中用戶輸入的關鍵字，并將其傳遞給searchProducts函數。該函數中，我們使用$.ajax方法向服務器發送一個異步請求，其中包含用戶的查詢條件以及所請求的頁數。

服務器在接收到請求后，根據查詢條件返回相應的商品列表。在成功返回時，我們將服務器返回的商品列表以及分頁信息傳遞給displayProducts和displayPagination函數進行處理。這樣我們就可以將搜索結果以及分頁信息展示給用戶。

當用戶查看商品列表時，如果想要查看更多商品，可以點擊分頁按鈕來加載下一頁的商品。此時，我們需要再次調用searchProducts函數，但需要攜帶之前的查詢條件，以便服務器能返回正確的結果。

function loadNextPage() {
var keyword = $('#search-input').val();
var page = currentPage + 1;
searchProducts(keyword, page);
}

通過以上的實例，我們可以看到通過Ajax技術，我們可以實現在分頁中保存用戶的查詢條件。這樣用戶在重新加載頁面時，不需要再次輸入查詢條件，而是可以直接加載之前的結果，極大地提高了用戶體驗。

總之，Ajax分頁保存查詢條件是一種非常實用的網頁開發技術。通過使用Ajax發送異步請求，我們可以在分頁中保存用戶的查詢條件，使得用戶重新加載頁面時能夠保留之前的搜索結果。這樣不僅提高了用戶體驗，還可以節省用戶的操作時間和精力。