小程序将wx.request简单封装成Promise形式

将wx.request简单封装成Promise形式

新建一个js文件,写入如下封装的内容

export const  request=(params)=>{
  const baseUrl = "https://abc.net/api/public/v1"
  return new Promise((resolve,reject)=>{
    wx.request({
      ...params,
      url:baseUrl+params.url,
      success:(result)=>{
        resolve(result);
      },
      fail:(err)=>{
        reject(err);
      }
    })
  })
}

然后在使用的地方引入这个js文件,路径是相对当前文件位置的,要指定到具体的文件且带后缀名

import {request} from "../../request/index.js";

以上就可以使用promise了,对了记得在开发工具中勾选上 ES6转ES5语法


让小程序中支持ES7的async语法

方法1:在开发工具中,点击右上角的详情-》开发设置-》勾选增强模式 就可以直接使用async-await。
在这里插入图片描述
方法2
注意:这种方法可能在某些旧手机或者旧版本的微信客户端中打开小程序的时候出现兼容性问题,如果需要兼容旧版本的话,使用上面的promise就足够了。

步骤:
1,在开发工具中勾选上ES6转ES5语法
2,下载facebook的regenerator库中的regenerator/packages/regenerator-runtime/runtime.js
这是专门用来编译async语法的,点击上面超链接进入到github页面之后,点击Raw,然后全选打开的页面内容复制。或者直接复制Raw按钮下面文本框的内容也可以。
在这里插入图片描述
3,在小程序目录下新建文件夹lib/runtime/runtime.js,将代码拷贝进去
4,在每一个需要使用async语法的页面 js文件中,都引入(不能全局引入)

import regeneratorRuntime fr
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值