微信小程序日记（二）

 From：http://blog.youkuaiyun.com/a61595579/article/details/68483664

上回遗留的两个问题，首先要接收参数，在上回说了穿参使用url?xxx=xxx&xxx=xxx，然后在接受参数的页面的onLoad方法中可以直接获取，比如我传递的参数是search，我需要在onLoad中获取search并保存，大概代码如下：

[html]  view plain  copy

1. Page({  
2.     data: {  
3.           
4.     },  
5.     onLoad: function(options) {  
6.         var that = this;  
7.           
8.         that.setData({  
9.        <span style="white-space:pre">   </span>    search : options.search  
10.         });  
11.     }  
12.   
13. })  

然后在onLoad的时候还要获取第一页数据，使用wx.request来加载数据：

[javascript]  view plain  copy

1. onLoad: function(options) {  
2.         var that = this;  
3.           
4.         that.setData({  
5.             search : options.search  
6.         });  
7.           
8.         wx.request({  
9.             url: 'http://localhost:8080/getProductListByJson.do?search='+options.search,  
10.             method: 'GET',  
11.             data: {},  
12.             header: {  
13.                 'Accept': 'application/json'  
14.             },  
15.             success: function(res) {  
16.                 that.setData({  
17.                     list: res.data.result  
18.                 });  
19.             }  
20.         })  
21.     }  

因为我在后台判断没有带页数的话，默认为第一页，所以在这我并没有传递页码过去。

接下来就只剩下移动端经常用的下拉加载！

这里我不知道是不是有人跟我一样对下拉的理解似乎跟微信不一样？
微信的下拉刷新，是手指往下滑，需要在配置中开启：enablePullDownRefresh:true，然后在js文件中写

[html]  view plain  copy

1. onPullDownRefresh: function(){  
2.         console.log('do something');  
3.     },  

而我们需要做的是手指往上滑，数据到底的时候加载更多数据，在js中的方法是

[html]  view plain  copy

1. onReachBottom: function () {  
2.         console.log('get more');  
3.     }  

然后我们在onReachBottom中获取更多数据，添加在数据最下方：

[html]  view plain  copy

1. onReachBottom: function () {  
2.         var that = this;  
3.         var pageNum = that.data.pageNum;  
4.         console.log('get more:'+pageNum);  
5.         wx.request({  
6.             url: 'http://localhost:8080/getProductListByJson.do?search='+that.data.search+'&pageNum='+pageNum,  
7.             method: 'GET',  
8.             data: {},  
9.             header: {  
10.                 'Accept': 'application/json'  
11.             },  
12.             success: function(res) {  
13.                 pageNum++;  
14.                 that.setData({  
15.                     list: that.data.list.concat(res.data.result),  
16.                     pageNum : pageNum  
17.                 });  
18.             }  
19.         })  
20.     }  

然后差不多就这样可以收工了，细节啥的嘛，用的时候再加吧！