触底加载更多数据onReachBottom

发布时间 2023-10-20 11:18:53作者: 诺虫的箱子
// pages/ap2/api2.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    listArr:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getData()
  },

  getData(){
    
    wx.showLoading({
      title: '加载中...',
      mask: true
    })

    wx.request({
      url: 'https://api.thecatapi.com/v1/images/search?limit=2',
      success:res=>{
       
        let oldData = this.data.listArr //老的数据
        let newData = oldData.concat(res.data) //新的数据=老的数据+新数据
        
        this.setData({
          listArr:newData  //使用新的数据
        })
         //网络请求获取后关闭下拉框
         wx.stopPullDownRefresh()
      },
      complete:err=>{
        //关闭加载提示对话框
        wx.hideLoading()
      }
    })
  },
  onPullDownRefresh() {
    //清空数组
    this.setData({
      listArr:[]
    })
    this.getData()
  },

  onReachBottom(){
    this.getData()
  }
})