jQuery ajaxSetup() 全局默认配置

最近开发过程中,遇到API接口要鉴权,每一个AJAX都需要传token。于是所有的AJAX都需要一个header,有点麻烦。

$.ajax({
    url: "aaa/bbb/ccc",
    header{
        "token": xxxxxxx,
    },
    ......
});

ajaxSetup

ajaxSetup() 方法为将来的 AJAX 请求设置默认值。

$(function () {
    // 设置jQuery Ajax全局的参数  
    $.ajaxSetup({
        header: {
            "token": xxxxxxxx
        }
        complete: function (XMLHttpRequest, textStatus) {
            var code = XMLHttpRequest.responseJSON.code;
            if ([5001, 5002, 5003, 5004].indexOf(code) > -1) {
                window.location.href = "./login.html";
            }
        }
    });

});

通过ajaxSetup() 设置了header之后,默认全局AJAX都会带上这个header。

同时,上述代码中设置了complete,在调用完成之后,先判断返回状态是否是500x,如果是则表示未鉴权,返回login页面。

 

参考链接:

https://www.html.cn/jqapi-1.9/jQuery.ajaxSetup/

https://www.runoob.com/jquery/ajax-ajaxsetup.html

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: jQuery.ajaxSetup() 方法用于设置 AJAX 请求的默认参数。这些参数将应用于每个使用 jQuery.ajax() 方法的请求中,除非在请求中覆盖这些参数。通过使用这个方法,可以避免在每个请求中重复设置相同的参数。 例如,可以使用 jQuery.ajaxSetup() 方法设置默认的 contentType 为 "application/json",这样在每个请求中就不需要再次设置该参数。 语法: ``` jQuery.ajaxSetup(options) ``` 其中,options 参数是一个 JavaScript 对象,包含要设置的默认参数。常用的参数包括: - url:请求的 URL 地址。 - type:请求的 HTTP 方法,例如 "GET"、"POST" 等。 - data:要发送到服务器的数据,可以是字符串或 JavaScript 对象。 - dataType:预期从服务器返回的数据类型,例如 "json"、"xml" 等。 - beforeSend:在发送请求之前调用的函数。 - success:当请求成功时调用的函数。 - error:当请求出错时调用的函数。 例如,以下代码设置默认的 contentType 为 "application/json": ``` $.ajaxSetup({ contentType: "application/json" }); ``` 这样,在每个请求中就不需要再次设置 contentType 参数了,例如: ``` $.ajax({ url: "example.com/api", type: "POST", data: JSON.stringify({name: "John", age: 30}), success: function(response) { console.log(response); } }); ``` ### 回答2: jQuery.ajaxSetup() 是 jQuery 的一个函数,用于设置全局AJAX 请求的默认选项。 使用 jQuery.ajaxSetup() 可以方便地设置 AJAX 请求的全局默认选项,这样在发起 AJAX 请求时就不必每次都手动设置相同的选项。可以将一些常用的选项设置为默认值,比如请求类型、数据类型、超时时间等,提高开发效率。 使用方法很简单,只需在页面加载时调用 jQuery.ajaxSetup(),并传入一个对象作为参数,该对象包含需要设置的 AJAX 选项即可。例如: ```javascript $(document).ready(function() { $.ajaxSetup({ type: 'POST', dataType: 'json', timeout: 5000 }); }); ``` 上述代码设置了全局AJAX 请求默认选项,请求类型为 POST,数据类型为 JSON,超时时间为 5 秒。之后的所有 AJAX 请求都会自动应用这些默认选项。 需要注意的是,调用 jQuery.ajaxSetup() 后设置的默认选项会一直有效,直到页面重新加载或显式调用 $.ajaxSetup(null) 清除设置。 总之,jQuery.ajaxSetup() 是一个非常便捷的函数,可以简化 AJAX 请求的设置过程,提高代码的可读性和开发效率。 ### 回答3: jQuery.ajaxSetup()是一个全局函数,用于设置默认Ajax请求参数。 通过调用该函数,可以在所有的Ajax请求中共享一些默认参数,避免在每次Ajax请求中都重复设置相同的参数。 例如,可以通过jQuery.ajaxSetup()来设置默认的请求方式、请求地址和回调函数等参数,使得每次发送Ajax请求时都会自动带上这些默认参数。 具体使用方法如下: 1. 在页面加载完成后,先调用jQuery.ajaxSetup()函数设置默认参数。例如: jQuery.ajaxSetup({ type: "POST", // 设置默认的请求方式为POST url: "/api", // 设置默认的请求地址为/api success: function(data) { // 设置默认的成功回调函数 console.log("Ajax request success:", data); }, error: function(xhr, textStatus, errorThrown) { // 设置默认的错误回调函数 console.log("Ajax request error:", xhr, textStatus, errorThrown); } }); 2. 在需要发送Ajax请求的地方,直接调用jQuery.ajax()函数即可,无需再设置默认参数。例如: jQuery.ajax({ data: { name: "John", age: 30 }, // 设置请求数据 success: function(data) { // 自动带上默认参数发送Ajax请求,并在成功时执行默认的成功回调函数 console.log("Ajax request success:", data); } }); 通过设置默认Ajax请求参数,可以提高代码的可读性和重用性,减少重复代码的编写量,并且方便统一管理和修改默认参数。 同时,也可以根据实际需要在具体的Ajax请求中覆盖或添加新的参数,以满足不同的请求需求。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值