ajax的datafilter,jQuery.ajaxPrefilter() 函数使用

$.ajaxPrefilter()函数用于指定预先处理Ajax参数选项的回调函数

ajax请求拦截器 每次发送ajax请求前先拦截拼接url地址

语法

$.ajaxPrefilter( [ dataType ,] handler )

ajax的正常请求状态

$.ajax({

type: "method",

url: "url",

data: "data",

dataType: "dataType",

success: function (response) {

// 成功状态要执行的回调函数

}

});

如果一次开发需要多次重复调用接口，又或者后期项目需要更换接口地址，为方便维护，可以设置ajax请求拦截器，为每次ajax请求发送之前做一些配置。

参数

dataType

一个或多个用空格隔开的数据类型所组成的字符串。如果未指定该参数，则表示所有数据类型。可用的数据类型为"xml"、 "html"、 "text"、 "json"、 "jsonp"、 "script"。该字符串为它们之间的任意组合(多种类型用空格隔开)，例如："xml"、 "text html"、 "script json jsonp"。

handler

用于预处理参数选项的回调函数。它有以下3个参数：

options：(Object对象)当前AJAX请求的所有参数选项。

originalOptions：(Object对象)值作为提供给Ajax方法未经修改的选项，因此，没有ajaxSettings设置中的默认值

jqXHR：当前请求的jqXHR对象。

返回值

$.ajaxPrefilter()函数没有返回值，或者说其返回值为undefined。

$.ajaxPrefilter((options) => {

options.url = 'http://地址' + options.url;

// 配置ajax请求头 当请求地址为/my的时候添加请求头

if (options.url.indexOf('/my/') != -1) {

options.headers = {

Authorization: localStorage.getItem('token') || ''

}

}

// 无论请求成功还是失败，最终调用complete回调

options.complete = function(res) {

if (res.responseJSON.status == 1 && res.responseJSON.message == '身份认证失败！') {

localStorage.removeItem('token');

location.href = '/login.html';

}

}

})