如何使用Promise封装wx.request()

1、在根目录下创建一个文档,例如创建一个http文档,在文档内写入三个js文件,分别为api.js文件、fetch.js文件以及http.js文件

在这里插入图片描述
2、在fetch.js中用promise对wx.request()进行封装

   //module.exports=(url,method,data)=>{
   //let p=new Promise ((resolve,reject)=>{
   //      wx.request({
   //            url:url,//接口路径
   //            method:method,//使用的方式 例如 get方式
   //            data:Object.assign({},data), //所传递的数据
   //            header:{'Content-Type': 'application/text'},
   //            success(res){
   //                 resolve(res)
  //             },
  //            fail(err){
  //                 reject(err)
  //            }
  //       })
  //   })
  //     return p;
  //   }

3、在api.js中封装具体的接口路径

// module.exports={
//    banner:'/home/swiperdata',//此路径仅供参考
// }

4、在http.js,根据当前环境,设置相应的baseurl,引入fetch中封装好的promise请求,封装基础的get\post\put\upload等请求方法,设置请求体,带上token和异常处理等;
设置对应的方法导出;

  // const  api=require('./api')
  // const  fetch=require('./fetch')
  // let  baseUrl;   //接口的公共部分
  //轮播的请求函数
  // function banner(){
  //      return fetch(baseUrl+api.banner,"get",{})
  // }
  //导出接口函数
  // module.exports={
  //      banner
  // }

5、在全局app.js中导入http,注册到根组件

  // var http=require('./http/http')
  // App({
  // http:http,   
  // })

6、在具体页面中,并使用;

//获取应用实例
  // const app=getApp();
  // Page({
  // data:{
  //   list:[]
  // }
  // onLoad: function(){
  // app.http.banner().then((res)=>{
  // this.setData({
  // list: res.data.list
  // })
  // })
  // )
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值