小程序简单实现懒加载

愿你依旧

于 2021-03-24 11:14:36 发布

阅读量853

点赞数

分类专栏：小程序文章标签：前端小程序

本文链接：https://blog.youkuaiyun.com/weixin_45777732/article/details/115167482

版权

小程序专栏收录该内容

5 篇文章

订阅专栏

该段代码展示了一个在微信小程序中实现的获取热文推荐并加载更多数据的逻辑。通过调用`getHotStatusesRecommend`函数，利用POST方法发送HTTP请求到指定接口，获取数据并更新页面状态。当用户滚动到底部时，如果`call`变量为0，会再次调用该函数以加载更多内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getHotStatusesRecommend() {
wx.showLoading({
title: ‘加载中’,
})
let that = this
Http.request({
url: ‘请求接口的地方’,
method: ‘POST’,
data: {
这里是接口所需要的必须参数
},
loading: false
}).then(result => {
const { data: res } = result
console.log(“热文推荐”, res)
if (res.data.statuses_list != ‘’) { //这里是接口返回的数据
let mide = that.data.page + 1
let arry = that.data.BAlist.concat(res.data.statuses_list)
that.setData({
BAlist: arry,
page: mide, //page是data里定义的为0
call: 0 // data定义的数据为1
})
console.log(that.data.BAlist.length, ‘条数据’)
} else {
that.setData({
call: 1,
more: true
})
}
}
)
},

onReachBottom: function () {
var that = this;
console.log(“到底了”)
if (that.data.call == 0) { 当call为0 的时候就是显示到底了重新再拉取接口请求数据
that.getHotStatusesRecommend() / / onload定义的请求接口
}