找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 网络请求库-微信小程序

[复制链接]
查看: 168|回复: 8
最佳答案
0 

15

主题

21

帖子

243

积分

新人求带

积分
243
 楼主| 发表于 4 天前 | 显示全部楼层 |阅读模式
使用 Promise 封装的微信小程序网络请求库

ading.jpg

功能

  • 支持微信支持的所有请求方式,支持上传下载 - 加载时显示加载框,错误时显示错误提示框。默认显示。
  • 支持打印请求日志,输出请求路径、参数和返回结果。默认不打印。


目录说明

  • example 微信小程序的演示项目,
  • core 封装的请求库。


使用方法

  • 复制core目录下的network.js文件到你的项目目录,如utils文件夹下
  • 在需要地方引入库文件

  1. import {get,post,upload,download} from "../../utils/network.js"
复制代码


GET请求:
  1. get("/comments",{postId:1})
  2.     .then(data=>{
  3.         this.setData({result:JSON.stringify(data)});// 可以用this了!
  4.     })
复制代码

POST请求:
  1. post("/posts").then(data=>{
  2.         this.setData({result:JSON.stringify(data)});
  3.     },fail=>{
  4.         console.log(fail);//请求失败
  5.     })
复制代码

用then方法接受返回参数,第一个参数是成功回调,第二个是失败回调,两个回调都是可选的

看看get方法都有哪些入参:
  1. /**
  2. * 发送get 请求
  3. * @param relativeUrl 相对路径【必选】
  4. * @param param 参数
  5. * @param showLog 是否打印日志
  6. * @param showLoading 是否显示加载框
  7. * @param showError 是否显示错误框
  8. * @returns {Promise}
  9. */
  10. export function get(relativeUrl, param = {}, showLog = false, showLoading = true, showError = true) {
  11.     return request("GET", relativeUrl, param, showLog, showLoading, showError);
  12. }
复制代码

与微信原生请求库对比

使用前
  1. wx.request({
  2.     url: that.config.domainName + '/user/authorization',
  3.     method: "POST",
  4.     header: {
  5.         'content-type': 'application/x-www-form-urlencoded'
  6.     },
  7.     data: {
  8.         code: res.code
  9.     },
  10.     success(data){
  11.         console.log(data);
  12.         if(data.status && data.status.succeed==1) {
  13.             that.globalData.userInfo = res.userInfo;
  14.         }else {
  15.             wx.showToast({
  16.                 title: "获取数据失败"
  17.             });
  18.         }
  19.     },
  20.     fail(){
  21.         wx.showToast({
  22.             title: "连接服务器失败"
  23.         });
  24.     }
  25. })
复制代码

使用后
  1.   post("/user/authorization", {code: res.code}, true)
  2.     .then(data => {
  3.         this.globalData.userInfo = res.userInfo;
  4.     });
复制代码

游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

最佳答案
0 

0

主题

5

帖子

139

积分

新人求带

积分
139
QQ
发表于 3 天前 | 显示全部楼层
woxiangkankanshishenme
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

5

帖子

198

积分

新人求带

积分
198
发表于 3 天前 | 显示全部楼层
好资源,楼主加油
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

6

帖子

65

积分

新人求带

积分
65
发表于 前天 10:08 | 显示全部楼层
好资源,
回复

使用道具 举报

最佳答案
0 

0

主题

18

帖子

242

积分

新人求带

积分
242
发表于 前天 22:08 | 显示全部楼层
有下载的吗
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

3

帖子

39

积分

新人求带

积分
39
发表于 昨天 10:50 | 显示全部楼层
hawk86104hawk86104hawk86104
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

9

帖子

89

积分

新人求带

积分
89
发表于 昨天 17:12 | 显示全部楼层
是否良心巨作》???
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

6

帖子

59

积分

新人求带

积分
59
发表于 昨天 17:19 | 显示全部楼层
下载学习下,谢谢
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

6

帖子

84

积分

新人求带

积分
84
发表于 昨天 17:22 | 显示全部楼层
C:\Users\Administrator\Desktop
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


易域网-您身边的域名管家

henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

网站业务
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com