微信小程序实现列表刷新的实例详解

微信小程序，最近自己学习微信小程序的知识，就想实现现在APP 那种列表刷新，下拉刷新，上拉加载等功能。

先开看一下界面

1.wx.request （获取远程服务器的数据，可以理解成$.ajax）

2. scroll-view的两个事件

2.1 bindscrolltolower（滑到页面底部时）

2.2 bindscroll (页面滑动时)

2.3 bindscrolltoupper (滑倒页面顶部时)

然后我们看代码，详细描述。

index.js

var url = "http://www.imooc.com/course/ajaxlist";
var page =0;
var page_size = 20;
var sort = "last";
var is_easy = 0;
var lange_id = 0;
var pos_id = 0;
var unlearn = 0;
 
 
// 获取数据的方法，具体怎么获取列表数据大家自行发挥
var GetList = function(that){
  that.setData({
    hidden:false
  });
  wx.request({
    url:url,
    data:{
      page : page,
      page_size : page_size,
      sort : sort,
      is_easy : is_easy,
      lange_id : lange_id,
      pos_id : pos_id,
      unlearn : unlearn
    },
    success:function(res){
      //console.info(that.data.list);
      var list = that.data.list;
      for(var i = 0; i 
   
index.wxml

  
    
      
      
        {{item.name}}
        {{item.short_description}}
      
    
  
  
    
  
   
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
更多微信小程序 实现列表刷新的实例详解相关文章请关注PHP中文网！