分页查询用ajax和api接口写
时间: 2023-05-23 16:02:48 浏览: 81
可以参考以下代码:
var currentPageNum = 1;
var pageSize = 10;
var url = "/api/getData";
function getData(pageNum) {
$.ajax({
type: "GET",
url: url,
data: {
page_num: pageNum,
page_size: pageSize
},
success: function (data) {
// 处理获取到的数据
},
error: function (xhr, status, error) {
console.log(error);
}
});
}
// 点击翻页按钮
$("#next-btn").click(function () {
currentPageNum++;
getData(currentPageNum);
});
// 初始化获取第一页数据
getData(1);
此代码演示了如何利用 Ajax 和 API 接口实现分页查询,其中 currentPageNum 表示当前所在的页面数,pageSize 表示每一页的数据条数,url 表示后端 API 接口地址。通过点击翻页按钮触发 getData() 函数,向服务器端发起请求,获取对应页面的数据。在 success 回调函数中处理获取到的数据,对应进行展示和渲染。