小程序模板網(wǎng)

微信小程序 es6-promise.js封裝請求,處理異步進(jìn)程

發(fā)布時(shí)間:2017-12-16 15:11 所屬欄目:小程序開發(fā)教程

下載es6-promise.js置于根目錄下的libs文件夾下;在根目錄utils文件夾下新建httpsPromisify.js,即定義封裝請求的方法var Promise = require('../libs/es6-promise.min')function httpsPromisify(fn) { return func ...

 
 
 

下載es6-promise.js置于根目錄下的libs文件夾下;

在根目錄utils文件夾下新建httpsPromisify.js,即定義封裝請求的方法

 

		
  1. var Promise = require('../libs/es6-promise.min')
  2.  
  3. function httpsPromisify(fn) {
  4. return function (obj = {}) {
  5. return new Promise((resolve, reject) => {
  6. obj.success = function (res) {
  7. resolve(res)
  8. }
  9.  
  10. obj.fail = function (res) {
  11. reject(res)
  12. }
  13.  
  14. fn(obj)
  15. })
  16. }
  17. }
  18.  
  19. module.exports = {
  20. httpsPromisify: httpsPromisify
  21. }
  22.   

調(diào)用方法:

var Promisify = require('../../utils/httpsPromisify')   Page({

    onLoad: function(){
      Promisify.httpsPromisify(wx.request)({
        url: "https://XXXXXXX",
        header: {
          "Content-Type": "application/x-www-form-urlencoded"
        },
        method: "POST",
        data: {

        }
      }).then(function(res){
         console.log(res)
      })       

    }, })

注意:

目前支持promise的第三方庫有許多,如$q.js,bluebird.js等等,但是需要注意的是,這些在微信開發(fā)工具上可以正常使用,但是到真機(jī)上就沒有效果了;

所以用es6-Promise.js,這個(gè)親測完美,而且文件大小比其他在都小很多,所以建議大家使用。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/18191.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×