Wechat applet pull-down loading more waterfall flow loading

// pages/list/list.js

Page({

    /**

     *  Initial data of the page 

     */

    data: {

        page:1,  // Page number 

        data:[],  // data 

        last_page:"" // The last page （ Total number of pages ） 

    },



    /**

     *  Life cycle function -- Monitor page loading 

     */

    onLoad: function (options) {

        let that = this

//  Send a request 

        wx.request({

          url: 'http://www.www.com/index.php/list',

          data:{

              pagesize:10

          },

          success(e){

//  Render the page 

            that.setData({

                data:e.data.data.data,

                last_page:e.data.data.last_page

            })

          }

        })

    },

    //  Click jump details 

    click(e){

        let id = e.currentTarget.dataset.id;

        wx.redirectTo({

          url: '/pages/msg/msg?id='+id,

        })

    },

    /**

     *  Handling function of page pull bottom event 

     */

    onReachBottom: function () {

        let that = this;

        //  Get the next page 

        let page = that.data.page+1

// Determine whether the next page is larger than the total number of pages 

        if(page>this.data.last_page){

            wx.showToast({

                title: ' Whether the ',

                icon: 'error',

            })

        }

//  Send a request 

        wx.request({

            url: 'http://www.www.com/index.php/list',

            data:{

                pagesize:10,

                page:page

            },

            success(e){

// Render the page 

              that.setData({

                  page:that.data.page+1,

                  data:that.data.data.concat(e.data.data.data)

              })

            }

        })

    },

})