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

佚名 6年前 (2019-05-09) 随笔 1118人围观抢沙发百度已收录

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 }) } }) }