微信小程序下拉刷新 并重新加载数据

时间:2024-03-12 15:37:02

1.在json页面配置:

{
  "enablePullDownRefresh": true
}

2.调用刷新函数

 onPullDownRefresh: function() {
   wx.showNavigationBarLoading()  //在标题栏中显示加载
    this.updateBlogs()  //重新加载数据
    //模拟加载  1秒
    setTimeout(function () {
    // complete
    wx.hideNavigationBarLoading() //完成停止加载
    wx.stopPullDownRefresh() //停止下拉刷新
    }, 1000);
  },

updateBlogs: function () { var that = this wx.request({ url: common.baseUrl + \'blog_rss.php\', data: { }, header: { \'Content-Type\': \'application/json\' }, success: function (res) { var feeds = feed.getBlogs(res.data); wx.setStorage({ key: "blog_feeds", data: feeds }) that.setData({ feeds: feeds }) } }) }