一、什么是数组分页?
数组有20条,每次加载3条,第二次加载6条,第三次加载9条...
以此类推,将20条数据加载完毕即可.
二、为什么要数组分页?
后端只返回数组,没有相关分页的数据参数
三、怎么做数组分页?
需要前端根据字段截取,实现假性分页
四、用简单js代码举例实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div onclick="loading()">点击</div>
<script type="text/javascript">
let arr = [1,2,4,1,3,9,1,3,5,8,2,3,8,2];
let dataList = arr.slice(0,3);
console.log(dataList)
function loading(){
if(dataList.length < arr.length){
let arr2 = arr.slice(dataList.length,(dataList.length+3));
dataList.push(...arr2);
console.log(dataList)
console.log("正在加载...")
}else{
console.log("加载完成")
}
}
</script>
</body>
</html>
五、效果