码迷,mamicode.com
首页 > 其他好文 > 详细

小程序下拉刷新,上拉加载更多

时间:2018-05-17 16:49:55      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:https   请求头   loading   moment   pre   col   his   eth   页面   

// 下拉刷新  
 onPullDownRefresh: function () {  
   // 显示顶部刷新图标  
   wx.showNavigationBarLoading();  
   var that = this;  
   wx.request({  
     url: ‘https://xxx/?page=0‘,  
     method: "GET",  
     header: {  
       ‘content-type‘: ‘application/text‘  
     },  
     success: function (res) {  
       that.setData({  
         moment: res.data.data  
       });  
       // 设置数组元素  
       that.setData({  
         moment: that.data.moment  
       });  
       console.log(that.data.moment);  
       // 隐藏导航栏加载框  
       wx.hideNavigationBarLoading();  
       // 停止下拉动作  
       wx.stopPullDownRefresh();  
     }  
   })  
 },  
/** 
   * 页面上拉触底事件的处理函数 
   */  
  onReachBottom: function () {  
    var that = this;  
    // 显示加载图标  
    wx.showLoading({  
      title: ‘玩命加载中‘,  
    })  
    // 页数+1  
    page = page + 1;  
    wx.request({  
      url: ‘https://xxx/?page=‘ + page,  
      method: "GET",  
      // 请求头部  
      header: {  
        ‘content-type‘: ‘application/text‘  
      },  
      success: function (res) {  
        // 回调函数  
        var moment_list = that.data.moment;  
  
        for (var i = 0; i < res.data.data.length; i++) {  
          moment_list.push(res.data.data[i]);  
        }  
        // 设置数据  
        that.setData({  
          moment: that.data.moment  
        })  
        // 隐藏加载框  
        wx.hideLoading();  
      }  
    })  
  
  },  

注意在json文件里设置:

"enablePullDownRefresh": true,

 

小程序下拉刷新,上拉加载更多

标签:https   请求头   loading   moment   pre   col   his   eth   页面   

原文地址:https://www.cnblogs.com/fxdo/p/9051625.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!