微信小程序如何封装接口

微信小程序,让我们发送请求更为简单,但假设在一个成十上百个小程序文件的项目中,我们每一个 小程序文件都要写 wx.request岂不是很麻烦?后期的维护也不方便,所以我们要对 wx.request 进行进一步的封装。
第一步: 首先我们先创建一个http文件夹,然后里面再建三个小文件夹,分别为env.js,index.js,request.js
微信小程序如何封装接口_第1张图片
env.js里面配置如下:微信小程序如何封装接口_第2张图片
request.js里面配置如下:
微信小程序如何封装接口_第3张图片

微信小程序如何封装接口_第4张图片
index.js里面配置如下:微信小程序如何封装接口_第5张图片

第二步:在你需要使用的文件夹的js文件中引入在这里插入图片描述

第三步:用我们封装好的 wx.request发送请求,并且在data中定义数组,如下图所示:
微信小程序如何封装接口_第6张图片

微信小程序如何封装接口_第7张图片

第四步:拿到数据,渲染页面
微信小程序如何封装接口_第8张图片

再将我们拿到的数据的数据渲染到页面上就大功告成了

你可能感兴趣的:(微信小程序如何封装接口)