微信小程序下拉刷新

设置json配置

这个配置可以设置在app.json里面或者单页面 json 里面，意思就是开始下拉刷新

logo

1	"enablePullDownRefresh": true

onPullDownRefresh事件监听下拉动作

处理函数如下

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {}

应用实例

onPullDownRefresh: function () {
    wx.setNavigationBarTitle({      //在标题栏中显示加载提示语
      title: '加载中'
    });
    wx.showNavigationBarLoading();  //在标题栏中显示加载图标

    //  第一种处理方式  计时器结束加载动画
    //
    setTimeout(function(){
      wx.hideNavigationBarLoading();                   //完成停止加载
      // 动态设置导航条标题
      wx.setNavigationBarTitle({
        title: 'Mascent'
      });
      wx.stopPullDownRefresh();                       //停止下拉刷新
    },800)

    //  第二种处理方式  HTTP请求完成时结束加载动画
    //
    // 发送请求
    wx.request({
      url: url,
      data: {
        user_id: user_id,
      },
      method: 'POST',
      //请求成功的函数处理
      success: function (res) {
        app.globalData.balance = res.data.data.balance;   //对数据进行更新
        that.setData({
          balance: app.globalData.balance,
        });
      },
      fail: function (res) {                             //请求失败的处理
        console.log(res.data.msg);
      },
      complete: function () {
        wx.hideNavigationBarLoading();                   //完成停止加载
        // 动态设置导航条标题
        wx.setNavigationBarTitle({
          title: 'Mascent'
        });
        wx.stopPullDownRefresh();                       //停止下拉刷新
      }
  })
},