国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

微信小程序 封裝http請(qǐng)求實(shí)例詳解

2019-11-19 17:55:09
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

微信小程序 封裝http請(qǐng)求

最近看了一下微信小程序,大致翻了一下,發(fā)現(xiàn)跟angular很相似的,但是比angular簡(jiǎn)單的很多具體可參考官方文檔

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=2017112

下面將封裝http請(qǐng)求服務(wù)部分的服務(wù)以及引用部分

// 本服務(wù)用于封裝請(qǐng)求// 返回的是一個(gè)promisepromisevar sendRrquest = function (url, method, data, header) {  var promise = new Promise(function (resolve, reject) {    wx.request({      url: url,       data: data,      method: method,      header: header,      success: resolve,      fail: reject    })  });  return promise;};module.exports.sendRrquest = sendRrquest 

在utils文件中創(chuàng)建文件requestService.js文件

下邊是在page.js文件中引用部分代碼

// 界面一般通過(guò)使用Page函數(shù)注冊(cè)一個(gè)界面,接收一個(gè)Object對(duì)象,該對(duì)象指定了初始化數(shù)據(jù)/生命周期函數(shù)函數(shù)/事件處理函數(shù)// data 存放頁(yè)面初始化數(shù)據(jù)數(shù)據(jù),類(lèi)似angular的的$scope// onLoad 生命周期函數(shù) 監(jiān)聽(tīng)頁(yè)面加載// onReady 生命周期函數(shù) 監(jiān)聽(tīng)頁(yè)面首次渲染完成完成// onShow 生命周期函數(shù) 監(jiān)聽(tīng)界面顯示// onHide 生命周期函數(shù) 監(jiān)聽(tīng)界面隱藏// onUnload 生命周期函數(shù) 監(jiān)聽(tīng)頁(yè)面卸載// onPullDownRefresh 頁(yè)面相關(guān)事件 監(jiān)聽(tīng)用戶(hù)下拉事件// onReachBottom 頁(yè)面上拉到達(dá)底部觸發(fā)的事件// onShareAppmessage 點(diǎn)擊左上方分享事件var testService = require('../../utils/testService.js')var request = require('../../utils/requestService.js')Page({  data:{    test:'123',    positionlist:[]  },  onLoad:function(){  },  onReady: function () {    var that = this;    testService.test('a');    testService.agerntest('a');    var url = 'https://webapi.tianjihr.com/position/searcher?sort=-refresh_time&offset=10&limit=10';    request.sendRrquest(url, 'GET', {}, {})      .then(function (response) {        that.setData({          positionlist:response.data.list        });        console.log(response);      }, function (error) {        console.log(error);      });  },  onPullDownRefresh: function () {      },  onShareAppMessage: function () {    // 微信分享需要的配置參數(shù)    return {      title: '自定義分享標(biāo)題',      desc: '自定義分享描述',      path: '/page/user?id=123'    }    // console.log(1);  }});

上邊的代碼和js代碼有不同的代碼需要注意

1.異步處理方式改變

原有方式是:

var promise = new Promise();promise.resolve('成功');promise.reject('失敗');return promise;

現(xiàn)有的方式:

return new Promise(function (resolve, reject) {  resolve('成功');  reject('失敗');})

2.在promise成功或者失敗的回調(diào)中不能直接賦值,如:

var that = this;test().then(function(){  that.data.test='';},function(){})

需要使用如下方式:

var that = this;test().then(function(){  that.setDatat={    test:123  };},function(){})

感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 民县| 太湖县| 新沂市| 大关县| 库车县| 东至县| 松潘县| 天峻县| 壶关县| 四平市| 攀枝花市| 黔江区| 昌宁县| 梁河县| 教育| 涿鹿县| 茂名市| 尼勒克县| 上蔡县| 富阳市| 睢宁县| 湟源县| 宜黄县| 探索| 广安市| 南康市| 陆丰市| 专栏| 秦皇岛市| 台北县| 额尔古纳市| 盘锦市| 射洪县| 左贡县| 淮滨县| 郎溪县| 文登市| 睢宁县| 桐庐县| 抚远县| 泗水县|