文章详情

当前位置 :主页 > 更多 >
怎么在微信小程序中实现分页下拉加载?
* 来源 :http://www.isocvd.com * 作者 : * 发表时间 : 2018-06-04 21:11 * 浏览 :

  小编今天给大家带来的是怎么在微信小程序中实现分页下拉加载?下面就和小编一起来学习一下吧,希望能够帮助到大家。

  当用户打开一个页面时,假设后台数据量庞大时,一次性地返回所有数据给客户端,页面的打开速度就会有所下降,而且用户只看的内容而不需要看后面的内容时,也浪费用户流量,基于优化的角度来考虑,后台不要一次性返回所有数据,当用户有需要再往下翻的时候,再加载更加数据出来。

  当第一次访问接口时,传递2个必备参数(第1次加载,需要返回数据的个数为15个),和其他参数(需要搜索的字符串)给后台,后台返回第一次数据过来。在请求成功的的回调函数中,判断返回的数据是否0,是,则取出数据,渲染视图层,并把“上拉加载”显示在列表底部;否,则没有数据可取,并把“没有更多”显示在列表底部,同时把“上拉加载”隐藏掉。

  当用户已经滚动到列表底部(这里使用到小程序提供的scroll-view组件的bindscrolltolower事件),触发bindscrolltolower事件,参数pageindex+1,再把2个必备参数(第2次加载,需要返回数据的个数为15个)和其他参数(需要搜索的字符串)给后台,后台把其余的数据返回给前台,前台在原来数据的基础上添加数据

  //如果isFromSearch是true从data中取出数据,否则先从原来的数据继续添加

  以上就是怎么在微信小程序中实现分页下拉加载的全部内容了,大家都学会了吗?