微信小程序 请求 更换 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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具