使用promise封装wx:requset()
发布日期:2021-05-09 14:20:20 浏览次数:8 分类:精选文章

本文共 2412 字,大约阅读时间需要 8 分钟。

What is Promise?

Promise������������������������������������������������������������������������������������������������������������������Promise������������������������������������������������������������������������������������������������������������������then���catch���������������������������������������������������������������������������������������������������������������������������

Promise���������������

Promise������������������������

1. pending���������������������������������������������������������������������

2. fulfilled������������������������������������������������������

3. rejected���������������������������������������������������������������������������������������������������������

Promise������������������������������������������������������������������������pending������������������fulfilled���rejected������������������������������������������������������������������������������������������

Using Promise to Wrap wx.request()

������������������wx.request()������������Promise������������������������������

1. ������http���������������������������������������������������������http���������������

2. ������������������http���������������������api.js���fetch.js���http.js���������

3. ���api.js���������������������������������������������������������������������������������������������

module.exports = { home: '/home/multidata', a: '/a/aaaa', b: '/b/bbb' }

4. ���fetch.js���������Promise������������wx.request()�������������������������������Promise������������������������

module.exports = (url, data, method) => { return new Promise((resolve, reject) => { wx.request({ url, data, method: method, success(res) { resolve(res); }, fail(err) { reject(err); } }); }); }

5. ���http.js���������������������������������������������������baseUrl������������fetch������Promise������������������������������������������������

const p = require('./fetch'); const apiList = require('./api'); const baseUrl = 'http://123.207.32.32:8000/api/h8'; module.exports = { banner() { return p(baseUrl + apiList.home, {}, 'get'); } };

6. ���app.js���������������������������������������������http���������

const http = require('./http/http'); APP({ http });

7. ������������������������������������������������������onLoad������������������

data: {}, onLoad: function(options) { app.http.banner().then(res => { const { data: { data: { banner: { list } } } = res; this.setData({ arr: list }); }); }
上一篇:前端面试题
下一篇:第十一届 蓝桥杯 物联网设计与开发项目 决赛 第二部分 程序设计试题

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2025年04月13日 22时37分34秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

C++ 笔记(17)— 类和对象(构造函数、析构函数) 2021-05-10
fatal error all goroutines are asleep - deadlock! 2021-05-10
File Name 2021-05-10
Android Studio打包生成Jar包的方法 2021-05-10
华为路由器配置VRRP 2021-05-10
Excel 如何根据单元格中的值设立不同的颜色(或渐变)?(222) 2021-05-10
python 文件操作 open()与with open() as的区别(打开文件) 2021-05-10
pycharm新建文件夹时新建python package和新建directory有什么区别? 2021-05-10
Git中pull,commit和push的概念 2021-05-10
yolo配置文件以及训练时各参数的定义 2021-05-10
python中列表 元组 字典 集合的区别 2021-05-10
pycharm ctrl+shift+F 全局搜索失灵怎么办?(输入法关闭简繁体输入切换) 2021-05-10
Pycharm 项目文件名变红色以及commit时文件错乱的原因及解决办法 2021-05-10
python pass 占位符 占位语句 2021-05-10
python struct 官方文档 2021-05-10
中级软考 计算机指令执行过程(取指、分析、执行)计算机重叠流水线问题 2021-05-10
opencv cv::BorderTypes 像素外推方法(Pixel extrapolation method) 2021-05-10
摄像头捕获视频流软件AMCAP使用教程(视频采集捕获处理媒体制作微型软件) 2021-05-10
pytorch torch.item()(返回此张量的值作为标准Python数字。 这仅适用于具有一个元素的张量。) 2021-05-10
python 如何计算平方、次方?平方根、方根?(math.pow()、math.sqrt()) 2021-05-10