阅读 676

微信小程序封装wx.request请求

微信小程序中向后台发送每个请求的时候都要写一个wx.request方法

wx.request({
  url: '',
  data: {
  },
  header: {
    'content-type': 'application/json'
  },
  success (res) {
  }
});
复制代码

如果请求少的话看起来倒也没什么问题,但多起来的话看起来就很不"舒服",为了代码质量和优雅度去考虑的话,封装请求就很有必要了。接下来步入正题👉

具体实现

wx.request中的参数基本上是固定的,按情况只需改变data的值,在successfail做统一处理

1.在pages目录下创建名为http的文件夹,文件夹下新建三个文件:env.js,index.js,request.js

image.png

env.js中如下

image.png

request.js

image.png

image.png

index.js

image.png

2.在需要的js文件中引入

image.png

3.在data中定义数组,在合适的地方发送请求即可

image.png

image.png

如上面所示一个基本的封装就搞定了,如果需要对状态码进行判断的话可以自行添加。不可否认还有更完善的处理方案,在下才疏学浅,献丑了😃(喷的时候轻点)

文章分类
前端
文章标签