小程序api的promise化

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

npm install --save [email protected]

安装完成之后先到根目录中删除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);
  },

打印

相关推荐
顺丰同城前端技术团队2 分钟前
作为一名前端程序员,我的 Chrome 应该是...
前端
软件技术NINI5 分钟前
html css js网页制作成品——HTML+CSS榴莲商城网页设计(4页)附源码
javascript·css·html
枷锁—sha17 分钟前
【DVWA系列】——xss(Reflected)——Medium详细教程
前端·网络·web安全·网络安全·xss
ACMSunny19 分钟前
Chrome二级标签无法选中的解决方案
前端·chrome
菥菥爱嘻嘻20 分钟前
React---day11
前端·react.js·前端框架
一只小风华~23 分钟前
HTML前端开发:JavaScript 获取元素方法详解
前端·javascript·html
jstart千语29 分钟前
【vue3学习】vue3入门
前端·javascript·vue.js·typescript·vue
一个儒雅随和的男子30 分钟前
Vue中虚拟DOM的原理与作用
前端·javascript·vue.js
HarryHY31 分钟前
Vue 自动导入函数和变量插件 unplugin-auto-import
前端·javascript·vue.js
Monly2133 分钟前
Vue:Form正则校验
前端·javascript·vue.js