- wxml
<view>
// 循环获取到的数据
<view wx:for="{{list}}" wx:key="id">
{{item.id}}
</view>
</view>
- js
data: {
list:[],
num: 1
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.request({
url: 'https://jsonplaceholder.typicode.com/posts',
success:res=> {
res.data.length = 30 //可有可无
this.setData({
list: res.data
} )
}
})
},
getdata(p) {
// 上拉底部刷新的时候出现 加载中。。。
wx.showLoading({
title: '加载中。。。',
}),
//获取数据
wx.request({
url: 'https://jsonplaceholder.typicode.com/todos?p='+p,//添加页数
success :res=> {
let p = 1
this.setData({
lsit: [...this.data.lsit,...res.data], //list 里面内容里包括旧的内容添加新的内容
p:this.data.p+1
} )
wx.hideLoading() //加载完新内容 加载中消失
}
})
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
this.getdata(this.data.p)
},