uniapp配合thinkphp下拉获取分页数据
郑州开发微信小程序遇到uniapp配合thinkphp下拉获取分页数据问题。
为彭山等地区用户提供了全套网页设计制作服务,及彭山网站建设行业解决方案。主营业务为网站设计制作、成都网站制作、彭山网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
下面给出解决思路和方法:
1、uniapp中需要做出分页的页码,就相当于电脑端下一页,点击下一页。从第一页,到第二页类似的意思。
2、获取请求
下面是uniapp代码:
onReachbottom() {
let len = this.catelist.length;
if(len>=this.count){
uni.showToast({title: '到底了'});
return false;
}else{
uni.showToast({title: '触发上拉加载'});
}
this.pageindex++;
setTimeout(()=>{
this.getcatelist(this.id);
uni.stoppullDownRefresh();
}, 1000);
},
数据请求的代码:
getcatelist(id){
let self=this;
uni.request({
url:self.$url+'wxapi/Cate/getcatelist',
data: {
id:id,
pageindex:self.pageindex
},
success:function(res){
self.catelist=[...self.catelist,...res.data.artRes]
self.count=res.data.count
}
})
},
data里面需要设置如下:
data() {
return {
pageindex:1, //定义分页初始值为1
count:'',
id:'',
cate:[],
catelist:[]
}
}
服务器端需要对前端请求的数据进行处理,代码如下:
public function getcatelist(){
$id=input('get.');
if ($id['id']){
$map['cate_id']=array('in',$id['id']);
$count=db('archives')->where($map)->order('id desc')->count();
$artRes=db('archives')->where($map)->page($id['pageindex'],4)->order('id desc')->select();
foreach ($artRes as $k => $v){
$artRes[$k]['litpic']=config("api_url").'/public/static/index/uploads/litpic/'.$v['litpic'];
$artRes[$k]['title']=cut_str($v['title'],8);
}
return json(['artRes'=>$artRes,'count'=>$count]);
}else{
return json(['code'=>2,'msg'=>'没有这个分类id']);
}
}
网页名称:uniapp配合thinkphp下拉获取分页数据
文章路径:http://ybzwz.com/article/scscdg.html