zoukankan      html  css  js  c++  java
  • 小程序上拉加载更多数据(onReachBottom)

    <!--pages/test/test.wxml-->
    <block wx:for="{{list}}" wx:key="item.id">
        <image src="{{item.titlepic}}"></image>
    </block>
    // pages/test/test.js
    Page({
      data: {
        curpage: 1,
        list: null
    },
    onLoad: function() {
        wx.showLoading();
        var _this = this;
        /**初始化list*/
        _this.getAjaxList()
    },
    /**上拉动作, push数据*/
    onReachBottom: function() {
        console.log(++this.data.curpage);
        this.getAjaxList();
    },
    getAjaxList: function() {
        wx.showLoading({
            mask: true  //显示触摸蒙层  防止事件穿透触发
        });
        var _this = this;
        wx.request({
            url: 'https://huyahaha.com/video/listajax',
            data: {
                page: _this.data.curpage
            },
            header: {
                'content-type': 'application/json'
            },
            success: function(res) {
                wx.hideLoading() 
                console.log(res.data.data.data);
                var data1 = _this.data.list;
                if (data1 == null) {
                    _this.setData({
                        list: res.data.data.data
                    });
                    return;
                }
                for (var i = 0; i < res.data.data.data.length; i++) {
                    data1.push(res.data.data.data[i]);
                }
                _this.setData({
                    list: data1
                });
            }
        })
      }
    
    })

    更多链接:https://www.cnblogs.com/xxflz/p/9309681.html

  • 相关阅读:
    Docker的使用
    Django常见问题
    Linux系统使用
    Nginx
    Redis
    MySQL基础、主从复制、优化
    Python常见的问题
    Python基础知识
    Vue的使用
    python监控tomcat日记文件
  • 原文地址:https://www.cnblogs.com/520BigBear/p/10404845.html
Copyright © 2011-2022 走看看