小程序分页+提示信息

js

// pages/text/text.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    text:'',
    cpage:1,//当前页
    lpage:'',//最后一页
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var url=getApp().globalData.url
    var url=url+"api/textgetall";
    var _this=this;
    wx.request({
      url: url,
      success:function(e){
        var cpage=e.data.data.current_page//拿到当前页
        var lpage=e.data.data.last_page//拿到最后一页
        var str=e.data.data.data
        _this.setData({
          text:str,
          cpage,
          lpage
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    var page=this.data.cpage+1//当前页加+1
    var lpage=this.data.lpage;//为了判断提示信息拿到最后一页
    if(page>lpage){
      wx.showToast({
        title: '到底了',
      })
      return false;
    }
    var url=getApp().globalData.url
    var url=url+"api/textgetall?page="+page;//拼接当前页+1
    var _this=this;
    wx.request({
      url: url,
      success:function(res){
        var next_data=res.data.data.data//拿到下一页的数据
        next_data.forEach(function(v,k) {//把下一页数据追加到上一页3追加5
          _this.data.text.push(v)
      });
      _this.setData({
        text:_this.data.text,//把追加后的数据替换到上一个
        cpage:page//替换当前页
      })
      }
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})