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
})
希望对大家有帮助!