微信小程序-promise使用和函数封装

首先,我们来在utils 文件夹的 util.js 文件中,封装ajax函数,并且用module.exports导出一下。
在做项目的时候,建议把封装的函数都放在util.js文件中,方便管理。
util.js :

//--- promise 封装ajax
function promiseAjax(_url,type,data){
  return new Promise(function (resolve, reject) {
    wx.request({
      url:_url,
      method:type,
      data,
      success(res){//--成功回调
        resolve(res);
      },
      fail(err){//--失败回调
        reject(err)
      }
    })
  })
}
module.exports = {
    promiseAjax //---promise封装函数导出
}

使用函数的js 文件 :
然后,在需要用到ajax封装函数的文件中引入 util.js 文件 ,这里有2种引入写法
引入之后,调用引入时定义的名字,使用如下:

//--- 2种引入封装好方法的文件的写法,没区别 ***
   import util from '../../utils/util.js'  //---方法一
// const util = require('../../utils/util.js')  //---方法二

//---调用封装promise函数方法
    util.promiseAjax('http://120.76.31.111/app/XhlGetSubjectTypeList', 'get').then(function(res){
        console.log(res)
    })

特点:promise 同 ajax 的区别就是没有 callback 回调函数 ,后面直接用 then 或者 catch

你可能感兴趣的:(微信小程序-promise使用和函数封装)