微信小程序网络请求API封装Promise实践

 封装API.js文件

 
const postRequest = (url, data, header ,type) => {
// param() 获取全局的公共参数
   data = Object.assign(data, param())
  
   wx.showLoading({
      title: 'loading...',
   })
//访问地址 拼接 
   let _url = APP_BASE_URL + url;
 
   return new Promise(
      (resolve, reject) => {
         wx.request({
            url: _url,
            timeout:10000,
            method: 'POST',
            data: data,
            header: header,
            success(res) {
               wx.hideLoading()
          
               console.log('============================================================================')
               console.log('请求参数: \n', _url, data, "\n",
               "请求返回结果: \n",
                res.statusCode+' \n', 
                res.data.code+' \n', 
                res.data.msg+' \n', 
                res.data.data, 
              )
               console.log('============================================================================')

               if (res.data.code == 1000) {
                  resolve(res.data.data)
               } else {
                  console.log("弹框提示!!")
                  wx.showToast({
                     title: res.data.msg,
                     icon: "none",
                     duration: 3000
                  })
               }

            },
            fail(error) {
               wx.hideLoading()
               reject(error)
            },
            complete() {
              
            }
         })
      }


   );
}

暴露出方法

module.exports = {
    //去调用获取banner的接口
   banners: (data) => {
      return postRequest('xxxx/xxxx', data, header)
   }

}

 在page中调用封装在API中的方法

API.banners(
//传入data参数对象的封装 ，没有参数就传一个空对象 
{}
).then(res => {
      //这里处理返回的数据
      })