分页请求数据拼接方法

最新推荐文章于 2024-07-21 11:49:23 发布

原创最新推荐文章于 2024-07-21 11:49:23 发布 · 751 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

小程序同时被 2 个专栏收录

20 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了一个用于分页数据合并的函数pageData，它能动态拼接并返回新的数据列表，适用于前端或小程序场景。通过实例展示了如何在请求分页数据后，使用该方法实现列表的无缝衔接。

// 该方法接收的参数有：分页，接口返回的数据和页面原数据；
const pageData = (page,data,list)=>{
	if(page==1){
		list = data;
	}else{
		if(data.length>0){
			list = [...list,...data]
		}else{
			page --;
		}
	}
	//将分页数和拼发孤数据列表返回
	return {pages:page,list}
}
//导出方法
export default {
	pageData
}

在用到的js页面引入使用

//引入以上方法
import pageData from '../../utils/pageData';


//使用数据拼接方法
//pages为请求时携带的分页数，list为拼接好的数据
let {pages,list} = pageData.pageData(page,res,this.data.list);


//以下是以小程序的写法存放到当前页面data里
this.setData({
	list,
	page:pages
})