在小程序里，滚动到页面底部的时候，会触发页面的 onReachBottom 这个方法 .. 我们可以在这个方法里去实施一个无限页面加载的功能 .. 就是滚动到底部时候，如果列表里还有要显示的内容项目，就去请求得到这些新的内容项目，把它们放在页面上显示出来 ..

在首页里面，添加一个 onReachBottom .. 先从 this.data 里面，把 currentPage .. totalPages 拿出来用一下 ..

然后先去判断一下 .. 看看 currentPage ，也就是当前页面，是不是大于等于 totalPages .. 如果是的话，我们就直接返回 .. 也就是不做任何事情 ..

如果不大于 ..

每次滚动到页面底部以后， 我们就让 currentPage 的值加上 1 .. currentPage = currentPage + 1

wx.request

下面再用一下 wx.request 去请求新的页面的内容 .. 可以直接复制一下 onLoad 里面的这个 wx.request 这块代码 .. 粘贴过来 .. 再修改一下 ..

先改一下请求的地址 . 这里我们要添加一个新的参数 .. 用一个 & 符号连接 .. 参数是 page ，它的值就是页码 .. 这里用 currentPage 来表示 ..

这样滚动到页面底部的时候，如果还有其它页面的内容，就会去请求得到下一页的数据 ..

得到以后，我们可以把新的数据附加到当前页面上正在显示的数据里面 .. 就是去合并一下 ..

这里可以使用 JavaScript 的 spread 操作符.. entities 的值是个数组 .. 里面是 ...this.data.entities，它表示的就是当前已经在页面上显示的数据 ，逗号 .. 后面再加上新请求回来的数据，这里就是 ...response.data ..

在要设置的数据这里，再设置一下 currentPage ..

预览

回到开发者工具 .. 我们再去预览一下 ..

滚动一下页面 ... 到底儿的时候会触发页面的 onReachBottom ，如果还有要显示的内容，就会去给我们请求回新的要显示的项目，然后把它放在列表里面显示出来 ..