E企盈营销工具技术服务商 热线:4006-838-530

关于微信小程序的fly交互以及fly拦截器

E企盈直播平台营销卖货系统

当我们在做微信小程序端的交互的时候,发现jquey、axios这些都无法在小程序中使用,因为小程序中js的运行环境与普通浏览器的运行环境不同,页面的脚本逻辑是在JsCore中运行的,而JsCore中没有xmlhttpRequest对象,所以无法使用它们,同时JsCore无法提供window对象,这也是我们在小程序中无法使用window对象的原因,在这时候我们的主角fly大显身手???fly是一种可以在微信小程序运行的交互方式,提供统一的 Promise API,轻量且非常轻量,支持请求/响应拦截器,小程序用法:首先,先使用  npm install flyio,安装fly;后面在小程序中引入:var Fly=require(“flyio/dist/npm/wx”) var fly=new Fly1.get请求fly.get(‘/user?id=133’)  .then(function (response) {    console.log(response);  })  .catch(function (error) {    console.log(error);  }); 2.post请求fly.post(‘/user’, {    name: ‘Doris’,    age: 24    phone:”18513222525″  })  .then(function (response) {    console.log(response);  })  .catch(function (error) {    console.log(error);  }); 3.拦截器支持两种。一种是请求拦截器,在请求之前做一些预处理;一种是响应拦截器,在响应获取数据之后做一些处理。 请求拦截器:fly.interceptors.request.use((request)={    //给所有请求添加自定义header    request.headers[“X-Tag”]=”flyio”;  //打印出请求体  console.log(request.body)      //可以显式返回request, 也可以不返回,没有返回值时拦截器中默认返回request    return request;}) 响应拦截器://添加响应拦截器,响应拦截器会在then/catch处理之前执行fly.interceptors.response.use(    (response) = {        //只将请求结果的data字段返回        return response.data    },    (err) = {        //发生网络错误后会走到这里        //return Promise.resolve(“ssss”)    })相应的学习链接参考fly官方实例参考一fly官方实例参考二

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 关于微信小程序的fly交互以及fly拦截器
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏