【微信小程序】Promise封装wx.request,实现自动携带token

文章介绍了如何在微信小程序项目中使用Promise封装数据请求,区分是否携带token,并提供了一个config.js和main.js的示例,展示了如何在不同场景下调用请求接口。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【背景】

最近在搞小程序的项目,由于同个页面发起太多嵌套的数据请求,导致阅读自己的代码都很困难,就重新用Promise封装了数据请求方式,该方法可自行判断是否需要携带token

【阅读前提】

需要熟悉promise的原理、js任务队列执行顺序、微信数据请求方式wx.request、ES6的export和import ,可先看下最底下的文献参考。详细注释放在代码中,自行理解 ~

【创建配置文件】

 (1) api/config.js
//设置请求头前缀BasicUrl

 const BasicUrl = "http://example:bittersea"


 //不需要token的数据请求

 const Request = (url, method, data = {}) => {

   // 传入请求参数,返回一个promise对象,参数是一个携带resolve,reject回调函数的的立即执行函数

   return new Promise((resolve, reject) => {

     // 这里执行数据请求异步操作

     wx.request({

       url: BasicUrl + url,

       method: method,

       data: data,

       header: {

         'Content-Type': 'application/json'

       },

       success: (res) => {

         // 成功回调:执行resolv
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值