ajax请求图片_一个轻量的可替代wx.request的请求库

小程序内置了wx.request,用于向后端发送请求,但实际运用中并不好用,所以需要一个可替代的请求库---Fly.js

一、Fly.js 是一个基于 promise 的,轻量且强大的Javascript http 网络库,它有如下特点:

  1. 提供统一的 Promise API。
  2. 浏览器环境下,轻量且非常轻量
  3. 支持多种JavaScript 运行环境
  4. 支持请求/响应拦截器。
  5. 自动转换 JSON 数据。
  6. 支持切换底层 Http Engine,可轻松适配各种运行环境
  7. 浏览器端支持全局Ajax拦截 。
  8. H5页面内嵌到原生 APP 中时,支持将 http 请求转发到 Native。支持直接请求图片

二、兼容性

目前Fly.js支持的平台包括:Node.js 、微信小程序 、Weex 、React Native 、Quick App 和主流浏览器。

三、 安装

使用NPM

249616d09c6d4c07e350391a799a3e2e.png

使用CDN(浏览器中)

f115945997e13db6db68c80207cc86ff.png

其它Api可参考官方文档(https://wendux.github.io/dist/#/doc/flyio/readme),本文不在详细叙述,只介绍如何在项目中封装使用

四、 实战运用

  • 项目目录结构
ee77131efd6629a7ba9757f8aa841bf1.png

Ajax.js-基于fly.js封装,主要是作一些拦截器的配置,内容如下:

6e13c96a274a6f7692a5d16fc667bc75.png

如何在页面中使用:

  1. 在api/index.js中定义接口地址及请求方式
d8a63ede0cb2f600b78dc7557d83ce49.png
  1. 页面中使用
  2. Page/index.js
608b1eee673122b62d6e9bbdf9ce0063.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值