微信小程序下拉刷新及上拉加载

参考文档

页面配置：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
页面事件：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html
API：https://mp.weixin.qq.com/debug/wxadoc/dev/api/pulldown.html

下拉刷新

配置：pages/index/index.json

{
  "navigationBarTitleText": "订单列表",
  "enablePullDownRefresh": true,
  "backgroundTextStyle": "dark"
}

事件：pages/index/index.js

const app = getApp()
const server = require('../../http/HttpServer');

Page({
  data: {
    user: {},
    orderList: [],
    refresh: false
  }

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.data.user = app.globalData.user
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getOrderList()
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.data.refresh = true
    this.getOrderList()
  },

  getOrderList() {
    var _this = this
    //获取订单详情
    wx.request({
      url: server.ORDER_LIST_URL,  //获取订单详情
      header: {
        'content-type': 'application/json', // 默认值
        'Authorization': _this.data.user.token
      },
      success: function (res) {
        console.log(res.data)
        var data = res.data
        if (res.statusCode == 403) {
          wx.navigateTo({
            url: '/pages/login/index?id=1'
          })
        } else if (res.statusCode == 200 && res.data.code == 0) {
          if (_this.data.refresh) {
            wx.stopPullDownRefresh()
            _this.data.refresh = false
          }
          var orderList = res.data.orderList
          _this.setData({
            orderList: orderList
          })
        }
      }
    })
  },

 })