前端封装请求的具体方式

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

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值