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://hbruida.cn/article/scscdg.html