More loading in applets (i.e. list paging)

1.app.json in ：

"window": {
　　"enablePullDownRefresh": true // Whether to open the current page drop-down refresh 
}

2.wxml in :

<view class="info" wx:for="{
   {contentlist}}" wx:key="key">
    <input hidden="{
   {hidden}}" value="{
   {item.id}}"/>
    <text>{
   {item.title}}</text>
    <text class="time">{
   {item.inputtime}}</text>
    <view>
        <text>{
   {item.content}}</text>
    </view>
</view>

3.js in :

data: {
	hidden: true,									// Hide form controls 
	page: 1,										// What page is the current request data 
	pageSize: 10,									// Number of data bars per page 
	hasMoreData: true,								// Whether to continue to request data when pulling , That is, whether there is more data 
	contentlist: [],								// List of data obtained , Add it as an addition 
},
//  Get paging list 
getInfo: function (message) {
	var that = this;
	wx.showNavigationBarLoading()					// Display the navigation bar loading animation on the current page 
	wx.showLoading({								// Show  loading  Prompt box 
		title: message,
	})
	wx.request({
		url: 'http://localhost:88/wechat/test.php',	// The local setting does not verify the legal domain name 
		data: { page: that.data.page, count: that.data.pageSize },
		method: 'post',
		header: { 'content-type': 'application/x-www-form-urlencoded' },
		success: function (res) {
			var contentlistTem = that.data.contentlist;
			if (res.data.length > 0) {
				wx.hideNavigationBarLoading()		// Hide the navigation bar in the current page to load animation 
				wx.hideLoading()					// hide  loading  Prompt box 
				if (that.data.page == 1) {
					contentlistTem = []
				}
				var contentlist = res.data;
				if (contentlist.length < that.data.pageSize) {
					that.setData({
						contentlist: contentlistTem.concat(contentlist),
						hasMoreData: false
					})
				} else {
					that.setData({
						contentlist: contentlistTem.concat(contentlist),
						hasMoreData: true,
						page: that.data.page + 1
					})
				}
			} 
		},
		fail: function (res) {
			wx.hideNavigationBarLoading()
			wx.hideLoading()
			fail()
		},
		complete: function (res) {
		
		},
	})
},

/**
*  Life cycle function -- Listening page first rendering completed 
*/
onLoad: function (options) {
	//  Page initialization  options Parameters for page Jump 
	var that = this
	that.getInfo(' Loading data ...')
},

/**
*  Page related event handler -- Monitor user pull-down action 
*/
onPullDownRefresh: function () {
	this.data.page = 1
	this.getInfo(' Refreshing data ')
},

/**
*  Handling function of page pull bottom event 
*/
onReachBottom: function () {
	if (this.data.hasMoreData) {
		this.getInfo(' Load more data ')
	} else {
		wx.showToast({
			title: ' No more data ',
		})
	}
},    

Reference resources : Load more in wechat applet （ List paging ）_ Gaze under the night sky -CSDN Blog _ Wechat applet loads more