前端向后端发送数据请求是前端工程师的基本功 最简单的使用原生ajax进行请求 但是往往前端会有很多不同接口的请求 每个请求也会携带不同的请求数据 这个时候如果没有使用一个好的办法对请求进行封装的话 代码就会非常多 非常乱 并且不易维护
接下来我将以小程序作为例子讲解封装的一个案例
一个全局的基准地址文件
首先 我们因为在实际开发中会有哦很多不同的接口 这时候如果我们只是在用到的地方写这个接口 将来非常难以修改 所以我们需要将所有的请求地址都放到一个文件中并向外暴露 在使用的地方引入这个文件 如:
一个专门用来封装请求的文件
在这个文件中首先需要导入先前建好的存放url的对象 这样才能使用这个对象里的各个url地址
同样 也是需要一个大对象来包裹这些封装后的请求函数 方便后续导出使用
注意千万不要奢望吧一个请求封装的非常万能 因为这个情况不存在 每个不同的请求他们的请求方式不一样 data或header中的查询参数也不一样 所以不可能做成万能的
实际调用
引入封装了请求函数的对象 并在实际需求中调用
记得参数需要放在一个匿名对象(花括号中) 且必须有用于接收请求结果的函数
这样一各基本的封装过程就结束啦
总结 :
1、将所有url地址封装到对象中 可以做适当操作和修饰 最后导出
2、引入封装好的url对象 将请求函数封装进一个对象中 封装的函数的参数需要是带有处理返回结果函数的对象 便于调用者接受请求结果
3、在世界调用的js文件中引入封装请求函数的对象 实际调用的时候在实参对象中写上需要使用的属性 以及用于处理请求结果的函数
前端封装请求的具体方式
最新推荐文章于 2024-03-19 19:03:23 发布