/前端先去后端请求数据
//将后端的数据渲染到前端
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
var that = this
wx.request({
url: 'http://www.yq.com/index.php/api/list',
success:function(res){
var data = (res.data.data.data)
that.setData({
data:data
})
}
})
},
//后端接收请求,并放出数据
//前端接收到数据并渲染到页面上
/**
* @return false|string
* 请求数据
*/
public function list(){
$data = modeller::paginate(5);
return json_encode(['code'=>200,'msg'=>'成功','data'=>$data]);
}
//当用户执行下拉操作时
//前端获取到,数据的长度,然后在长度的基础上每次请求五条数据
//并将请求发给后端,后端将数据请求给前端,前端继续将数据渲染到前端
//知道没有数据的时候返回false
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
wx.showToast({
title: '正在加载',
icon:"loading"
})
var that = this
var length = this.data.data.length
var length = length+5
wx.request({
url: 'http://www.yq.com/index.php/api/lists',
data:{
length:length
},
success:function(res){
var data = (res.data.data.data)
console.log(data)
that.setData({
data:data
})
/**
* 判断长度
*/
if( length > res.data.data.data.length){
wx.showToast({
title: '这是最后一页了',
})
}
},
})
},
//后端接到前端请求后,去数据库调数据,并返回给前端
/**
* 每次请求五条数据直到数据没有,就不请求了,在次请求就返回false
*/
public function lists(){
$length = \request()->get('length');
$data = modeller::paginate($length);
return json_encode(['code'=>200,'msg'=>'成功','data'=>$data]);
}
文章知识点与官方知识档案匹配,可进一步学习相关知识
————————————————
版权声明:本文为CSDN博主「1314520syq」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/hzhandevery/article/details/126585198