夢斷難尋新手入門篇三下拉刷新上拉加載更多_h

1、夢斷難尋新手入門篇三：下拉刷新，上拉加載更多本文記載了如何在微信小程序里面實(shí)現(xiàn)下拉刷新，上拉加載更多 先開看一下界面 大致如此的界面吧。 這個(gè) Demo 使用了微信的幾個(gè) Api 和，我先列出來。 1.wx.request （獲取遠(yuǎn)程服務(wù)器的數(shù)據(jù)，可以理解成$.ajax） 2. scroll-view 的兩個(gè) 2.1 bindscrolltolower（滑到頁面底部時(shí)） 2.2 bindscroll (頁面滑勱時(shí)) 2.3 bindscrolltoupper (滑倒頁面頂部時(shí)) 然后我們看代碼，詳細(xì)描述。 index.js var url = /cours

2、e/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;/ 獲取數(shù)據(jù)的方法，具體怎么獲取列表數(shù)據(jù)大家自行發(fā)揮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,lang

3、e_id : lange_id,pos_id : pos_id,unlearn : unlearn,success:function(res)/(that.data.list);var list = that.data.list;for(var i = 0; i res.data.list.length; i+)list.push(res.data.listi);that.setData(list : list);page +;that.setData(hidden:true););Page(data:hidden:true,list:,scrollTop : 0,sc

4、rollHeight:0,onLoad:function()/這里要非常注意，微信的 scroll-view 必須要設(shè)置高度才能滾勱，所以，需要在頁面的onLoad中給 scroll-view 的高度賦值var that = this;wx.getSystemInfo(success:function(res)(res.windowHeight);that.setData(scrollHeight:res.windowHeight););,onShow:function()/在頁面展示之后先獲取一次數(shù)據(jù)var that = this;GetList(that);,bindDownLoad:function()/該方法綁定了頁面滑勱到底部的var that = this;GetList(that);,scroll:function(event)/該方法綁定了頁面滾勱時(shí)的，我這里記錄了當(dāng)前的 position.y 的值,為了請求數(shù)據(jù)之后把頁index.wxml 面定位到這里來。this.setData(scrollTop : event.detail.scrollTop);,refresh:function(event)/該方法綁定了頁面滑勱到頂部的，然后做上拉刷新page = 0; this.setDa