如图
这是jQuery代码
[JavaScript] 纯文本查看 复制代码 $(function (){
$(".prev-page").click(function (){
var pagenum = $(".MyPageNum").val();//当前页数
var pagesize = $(".MyPageSize").val();//总页数
if (pagenum > 1) {
var nextPage = pagenum - 1;
loadPage(nextPage);
}
})
$(".next-page").click(function (){
var pagenum = parseInt($(".MyPageNum").val()); // 当前页数
var pagesize = parseInt($(".MyPageSize").val()); // 总页数
if (pagenum < pagesize) {
var nextPage = pagenum + 1;
loadPage(nextPage);
}
});
function loadPage(page) {
$.ajax({
url: "/odk", // 后端接口地址
type: "GET",
data: {
pageNum: page
},
success: function(response) {
// 清空原有内容
$(".product-list").empty();
// 更新页面内容
$(".product-list").html(response);
$(".MyPageNum").val(page); // 更新当前页数
},
error: function(xhr, status, error) {
[i]console[/i].log("请求失败:" + error);
}
});
}
}) |