ajax发送请求,利用ajaxPrefliter拼接统一根路径方法

ajax发送请求,利用ajaxPrefliter拼接统一根路径方法

做前端项目时,经常需要调用API接口与后端交互。
因为每个接口前部分都是一样的,所以如果我们每调用一个接口就全写成这个样式,比如:

$.get('根路径+具体路径',fun...)

那么当根路径发生变化时,我们可能会修改很多处调用该根路径的地方,很容易出错。
所以选择将根路径统一管理起来,如果要修改也可以很轻松。
这里采用ajaxPrefliter(相当于过滤器),让ajax请求发送后,先过一遍过滤器,再发送到服务端。
使用方法如下:
1.新建一个baseAPI.js文件
2.在文件内写代码

// 注意:每次调用 $.get() 或 $.post() 或 $.ajax() 的时候,
// 会先调用 ajaxPrefilter 这个函数
// 在这个函数中,可以拿到我们给Ajax提供的配置对象
$.ajaxPrefilter(function(options) {
  // 在发起真正的 Ajax 请求之前,统一拼接请求的根路径
  options.url = 'http://ajax.frontend.itheima.net' + options.url
})

在这里插入图片描述

希望对大家有帮助!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值