小程序request接口的封裝(本質(zhì)上是對request回調(diào)函數(shù)再次回調(diào))

1. module.exports.getData = function (url) {
2. var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
3. var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'POST';
4. var header = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' };
5.  
6. return new Promise(function (resolve, reject) {
7. wx.request({
8. url: url,
9. data: data,
10. method: method,
11. header: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
12. success: function (res) {
13. resolve(res)
14. },
15. fail: function (res) {
16. reject(res)
17. }
18. })
19. })
20. }

調(diào)用方法

1. var common = require("../../common/common.js")
2. common.getData(postUrl)
3. .then(function(data){
4. this.setData({
5. //....
6. });
7. console.log(data);
8. });

二：實(shí)現(xiàn)給循環(huán)列表添加點(diǎn)擊樣式

微信小程序有個(gè)屬性hover-class=’active’,是指當(dāng)點(diǎn)擊列表元素時(shí)當(dāng)按下鼠標(biāo)左鍵會(huì)顯示active樣式,但是鼠標(biāo)離開樣式就會(huì)復(fù)原.可以參考以下解決方案,直接上代碼:  wxml:

1. <view class="tags">
2. <view class="tag-title">標(biāo)簽</view>
3. <view class="tag-box">
4. <view wx:for="{{tags}}" wx:key="id" wx:for-index="i">
5. <view class="tags-item {{currentItem==item.id?'active-tag':''}}" data-id="{{item.id}}" bindtap="tagChoose">{{item.name}}</view>
6. </view>
7. </view>
8. </view>

js文件:

1. tagChoose:function(options){
2. var that = this
3. var id = options.currentTarget.dataset.id;
4. console.log(id)
5. //設(shè)置當(dāng)前樣式
6. that.setData({
7. 'currentItem':id
8. })
9.  
10.  
11. }

核心點(diǎn):class=”tags-item {{dateCurrent==item.id?’active-tag’:”}}”模板文件中使用三元運(yùn)算符,通過dateCurrent指定當(dāng)前item的id