欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【微信小程序】使用es7的async await来发送请求

程序员文章站 2022-06-15 14:10:43
...

使用es7的async await来发送请求

  // 获取分类页面数据
  async getCates() {
    // 使用es7的async await来发送请求
    const res = await request({ url: "/categories" });
    this.Cates = res.data.message;
    // 把接口的数据存入到本地存储中
    wx.setStorageSync("cates", { time: Date.now(), data: this.Cates });
    // 构造左侧的大菜单数据
    let leftMenuList = this.Cates.map((v) => v.cat_name);
    // 构造右侧的商品数据
    let rightContent = this.Cates[0].children;
    this.setData({
      leftMenuList,
      rightContent
     });
   },

⼩程序中使用es7的async的步骤

  1. ⼩程序开发⼯具-详情-本地配置-勾选ES6 转 ES5
  2. 下载regenerator库中的regenerator/packages/regenerator-runtime/runtime.js
  3. 在⼩程序⽬录下新建⽂件夹lib/runtime/runtime.js,将代码拷⻉进去
  4. 在项目需要使⽤async语法的⻚⾯js⽂件中引⼊(不能全局引⼊)
    import regeneratorRuntime from "../../lib/runtime/runtime";

或者
⼩程序开发⼯具-详情-本地配置-勾选 ES6 转 ES5增强编译 即可
【微信小程序】使用es7的async await来发送请求
简化返回值
【微信小程序】使用es7的async await来发送请求

相关标签: 微信小程序