微信小程序下拉加载数据

在js文件里写lower方法

    lower: function () {
        var that = this;
        // 显示加载图标  
        wx.showLoading({
            title: '加载中...',
            mask: true
        })
        // 页数  
        var pages = that.data.page + 1;
        //通过总页数 每页的数量 算出一共有多少页 totalPages
        if (pages <= that.data.totalPages) {
            wx.request({
                url: API_URL + "具体的接口",
                data: {
                    page: pages,
                    size: 6
                },
                method: 'POST',
                header: {
                    'content-type': 'application/x-www-form-urlencoded'
                },
                success: (res) => {
                    var end = res.data
                    var listall
                    // 判断是安卓还是苹果系统
                    if (typeof end != 'object') {
                        if (end != null) {
                            // 去掉空格
                            var ending = end.trim()
                            // 乱码转汉字
                            var characters = unescape(ending.replace(/\\u/g, '%u'))
                            // 去掉\\
                            var symbol = unescape(characters.replace(/\\/g, ''))
                            // 转换成数组
                            listall = JSON.parse(symbol)
                        }
                    } else {
                        listall = res.data
                    }
                    if (listall.code == 200) {
                        var lists = listall.data.list
                        var counts = listall.data.count
                        const file_pathAll = []
                        lists.map((i) => {
                             //数据根据自己的需求去得到 注意一定要用push
                            that.data.canyushangarray.push({
                                image: i.file_path,
                                product_name: i.product_name,
                                price: wx.getStorageSync('level') == 1 ? i.price1 : (wx.getStorageSync('level') == 2 ? i.price2 : i.price),
                                id: i.id
                            })
                        })
                        that.setData({
                            canyushangarray: that.data.canyushangarray,
                            totalRows: counts,
                            totalPages: parseInt(counts / 6) + 1,
                            page: pages
                        })
                    }
                    // 隐藏加载框  
                    wx.hideLoading();
                },
                fail() {
                    console.log('请求失败')
                }
            })
        } else {
            // 隐藏加载框  
            wx.hideLoading();
            //提示
            wx.showToast({
                title: '没有更多数据了',
                icon: 'none',
                duration: 2000
            });
        }
    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值