小程序-分页展示列表

240 阅读1分钟

1、前端发送请求,并携带page、limit数据

image.png

2、在成功回调函数中将返回过来的值赋到想要展示的列表上面并渲染

image.png

渲染

image.png

3、后台接口

image.png

4、小程序触底事件继续展示下一页数据

  1. 获取当前page值
  2. 将当前page值加一
  3. 获取当前列表值
  4. 发送请求并携带新的page值、limit值
  5. 在成功回调函数中将新的page值替换掉旧的page值(将旧值加一)
  6. 将请求成功返回的列表数据与原有的列表数据连接在一起,并用这个新的列表值替换掉原有的列表值

image.png