在JavaScript中取分页数据通常涉及到以下几个基础概念:
假设我们有一个数组data
,我们希望每页显示10条数据:
const data = Array.from({ length: 100 }, (_, i) => `Item ${i + 1}`);
const itemsPerPage = 10;
let currentPage = 1;
function getPaginatedData(page) {
const start = (page - 1) * itemsPerPage;
const end = start + itemsPerPage;
return data.slice(start, end);
}
console.log(getPaginatedData(currentPage)); // 输出: ["Item 1", "Item 2", ..., "Item 10"]
假设我们有一个API可以获取分页数据:
async function fetchPaginatedData(page, itemsPerPage) {
const response = await fetch(`/api/data?page=${page}&itemsPerPage=${itemsPerPage}`);
const data = await response.json();
return data;
}
fetchPaginatedData(1, 10).then(data => console.log(data));
分页是一种常见的数据处理方式,可以有效提高系统性能和用户体验。根据具体需求,可以选择前端分页或后端分页,并结合实际情况进行优化。
领取专属 10元无门槛券
手把手带您无忧上云