promise封装api接口

本文介绍了Promise封装API接口的好处,如减少代码量、便于维护和阅读。通过在项目根目录创建http.js,利用Promise封装wx.request,并设置统一的baseUrl。接着在api.js中定义具体的接口请求,再创建一个文件统一管理请求,最后在app.js中引入,实现接口与页面的分离。
摘要由CSDN通过智能技术生成

封装api接口的好处

我们平常项目中基本每页都需要请求数据,而如果我们每次请求输入据都用小程序本身的request就会造成代码量过多,很难找到相应的方法。

所以要封装一下,从而减少代码量,这个可以做到请求的接口和页面分离,方便维护和阅读。

过程:

在我们项目的根目录下新建一个http文件,然后里面新建1个js文件,文件名叫http.js,然后我们这个http.js主要使用promise封装我们的wx.request();

let baseUrl = “https://xxx”; // 这个变量存放我们接口统一的域名


在fetch.js中:

export default (url,data,method)=>{ // 导出一个函数 函数中的 url是请求接口地址 data 是发送的参数 method 是请求方式
  return new Promise((resolve,rejects)=>{ // 返回一个 promise
    wx.request({
      url, //请求地址
      data, // 请求时携带的参数
      method, // 请求方式
      success(res){  // 请求成功指定的函数
        resolve(res); // 请求成功执行成功的回调,执行的是 then
      },
      fail(err){     // 请求失败执行的函数
        rejects()     // 请求失败执行的回调,执行的是 catch
      },
    })
  })
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值