微信小程序 请求 更换 ES6 promies

2021/9/20 14:05:16

本文主要是介绍微信小程序 请求 更换 ES6 promies,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

普通的request 容易回调地域,我们更换为 promise :

 

创建一个request 文件夹,然后在里面写一个js 文件:

/**导出一个request  ,这个Request 是个 函数。*/
export const request = (params) => {
  //返回一个Promies
  return new Promise((resolve, rejects) => {
    //Promies 中调用wx.request
    wx.request({
      ...params,  //展开参数ES6语法
      success(res) {  //成功
        resolve(res);
      },
      fail(err) {   //失败
        resolve(err)
      }
    })
  })
}

 

然后直接引入使用即可:

//引入Promies 来实现请求
import {
  request
} from "../request/index"


Page({

  /**
   * 页面的初始数据
   */
  data: {
    swiper: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onl oad: function (options) {

    // 原始请求 获取轮播图:
    // wx.request({
    //   url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
    //   success:(res)=>{
    //     this.setData({
    //       swiper:res.data.message
    //     })
    //   },
    // })

    request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata'
    }).then(res => {
      this.setData({
        swiper: res.data.message
      })
    })
  },

})

 

 

然后data中的 swiper  拿到的就是 轮播图的数据了,

直接在外层的swiper循环即可:

 



这篇关于微信小程序 请求 更换 ES6 promies的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程