【微信小程序开发】小程序中的上滑加载更多，下拉刷新是如何实现的？

✨✨ 欢迎大家来到景天科技苑✨✨

🎈🎈 养成好习惯，先赞后看哦~🎈🎈

🏆 作者简介：景天科技苑

🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。

🏆《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi，flask等框架，linux，shell脚本等实操经验，网站搭建，数据库等分享。

所属的专栏：微信小程序开发零基础教学，难点与应用实战总结

景天的主页：景天科技苑

文章目录

• 1.上滑加载更多
• 2.下拉刷新
• 3.scroll-view实现上拉加载更多，下拉刷新

  1.上滑加载更多

  结合上一章我们的项目，先在原来的基础上添加个goods页面

  

  js代码

  Page({
    data: {
      good_list: [1, 2, 3]
    },
    // 当滑动到底部还有100rpx时，就会触发这个函数执行---》发送请求获取数据
    onReachBottom() {
      console.log('上拉了')
      // 发送请求获取数据
      wx.request({
        url: 'http://127.0.0.1:8000/app01/random/',
        method:'GET',
        success:(res)=>{
            this.setData({
              good_list:this.data.good_list.concat(res.data)
            })
        }
      })
    },
  })
  

  ###wxml####