在Ajax分页的代码中添加一个变量来存储前一页的页码。当用户点击下一页时,检查该变量并向服务器请求下一页的数据。如果变量不为null,则向服务器发送request请求并在响应中更新当前页面内容。如果变量为null,则假定用户是首次访问该页面,并向服务器请求第一页的数据。以下是示例代码:
var prevPage = null;
function loadNextPage(){
var currentPage = parseInt($("#currentPage").text());
if(prevPage != null){
currentPage = prevPage;
prevPage = null;
}
currentPage++;
$.ajax({
url: "get_next_page.php",
type: "GET",
data: {page: currentPage},
success: function(response){
$("#content").html(response);
$("#currentPage").text(currentPage);
},
error: function(jqXHR, textStatus, errorThrown){
console.log(textStatus + ": " + errorThrown);
}
});
}
function loadPrevPage(){
prevPage = parseInt($("#currentPage").text()) - 1;
loadNextPage()
}
在这个示例中,loadNextPage()函数用于加载下一页的内容,而loadPrevPage()用于加载上一页的内容(如果存在)。通过检查prevPage变量,该函数能够判断用户是在请求下一页还是上一页。当用户请求上一页时,prevPage变量被设置为上一页的页码。当用户请求下一页时,如果prevPage变量不为null,则currentPage被设置为prevPage的值。
本解决方案将以jQuery框架为例,并使用一个虚拟的get_next_page.php文件来模拟服务器响应。在实际应用中,你需要更改代码以适应您的环境。