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';
        }
    }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容