小程序api的promise化

zyue_12172023-07-20 13:21

小程序根目录cmd运行安装命令

npm install --save miniprogram-api-promise@1.0.4

安装完成之后先到根目录中删除miniprogram_npm文件夹(不删除构建npm时可能会出现问题)

删除之后再在工具中点击构建npm

构建成功之后会看到根目录中重新出现了miniprogram_npm文件夹

在app.js中导入并使用promise

javascript 复制代码

// app.js
import { promisifyAll} from 'miniprogram-api-promise'
const wxp = wx.p = {}
promisifyAll(wx, wxp)

接下来就可以异步请求数据

页面

html 复制代码

<van-button bindtap="getinfo">获取info</van-button>

.js文件

javascript 复制代码

  async getinfo() {
    const {
      data: res
    } = await wx.p.request({
      url: 'https://applet-base-api-t.itheima.net/api/get',
      method: 'get',
      data: {
        name: 'zs',
        age: 20
      }
    })
    console.log(res);
  },

打印