2019独角兽企业重金招聘Python工程师标准>>>   
                                        
                                                
$.ajaxSetup({
       cache: false //关闭AJAX缓存
     });
                                                    

                                                        





                                        
                                            
转载于:https://my.oschina.net/u/2351011/blog/1831951

最近开发过程中，遇到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

$.ajaxSetup为将来的Ajax请求设置默认值.
Its use is not recommended as suggested in the JQuery documentation.
无论如何,因为它设置了将来调用的默认值,它必须在所有依赖于这些默认值的ajax调用之前执行.例如,如果您没有提到调用的url,则$ajaxSetup中配置的默认URL将是调用的url.如果您所做的调用取决于那些默认值,那么此代码
self.authenticate = function () {
self.token = sessionStorage.getItem(tokenKey);
var headers = {};
if (self.token) {
headers.Authorization = 'Bearer ' + self.token;
$.ajaxSetup({
headers: headers
});
}
}
必须在进行以下调用之前执行.
self.getUsers = function () {
$.get("../API/Users/GetUsers/");
}
现在检查一下
*************** Plunker for answer ****************
在那个plunker中,按F12键进入开发者控制台中的网络选项卡,然后检查$.ajax()和$.get()进行的调用中的标题.
我在观察到的那个(要点读)点,
>如果调用是$.ajax(),那么标题显示,并且调用的url是$.ajaxSetup中提到的url
>如果调用是$.get(),那么标题不显示,调用的url是plunker url,意味着它将是http：// MySite / etc.
$.ajax() is the most configurable one, where you get fine grained
control over HTTP headers and such. You’re also able to get direct
access to the XHR-object using this method. Slightly more fine-grained
error-handling is also provided. Can therefore be more complicated and
often unecessary, but sometimes very useful. You have to deal with the
returned data yourself with a callback.
$.get() is just a shorthand for $.ajax() but abstracts some of the
configurations away, setting reasonable default values for what it
hides from you. Returns the data to a callback. It only allows
GET-requests so is accompanied by the $.post() function for similar
abstraction, only for POST
有关更多信息
如果你愿意,可以测试一下.
$.ajax()调用的图片
$.get()调用的图片
因此,如果要设置标题,只需使用$.ajax()而不是$.get()
希望这可以帮助 ：)

jQuery.ajaxSetup()函数没有返回值，或者说其返回值为undefined。
示例&说明
以下是与jQuery.ajaxSetup()函数相关的jQuery示例代码，以演示jQuery.ajaxSetup()函数的具体用法：
//设置AJAX的全局默认选项
$.ajaxSetup( {
    url: "/index.html" , // 默认URL
    aysnc: false , // 默认同步加载
    type: "POST" , // 默认使用POST方式
    headers: { // 默认添加请求头
        "Author": "CodePlayer" ,
        "Powered-By": "CodePlayer"
    } ,
    error: function(jqXHR, textStatus, errorMsg){ // 出错时默认的处理函数
        // jqXHR 是经过jQuery封装的XMLHttpRequest对象
        // textStatus 可能为： null、"timeout"、"error"、"abort"或"parsererror"
        // errorMsg 可能为： "Not Found"、"Internal Server Error"等

        // 提示形如：发送AJAX请求到"/index.html"时出错[404]：Not Found
        alert( '发送AJAX请求到"' + this.url + '"时出错[' + jqXHR.status + ']：' + errorMsg );        
    }
} );


// 未设置任何参数，但url、async、type、headers、error等参数的默认值均已被$.ajaxSetup()更改(如上)
$.ajax( );


// 设置了url、type、success、error，就使用自己设置的参数值
// 但async、headers等参数的默认值已被$.ajaxSetup()更改
$.ajax( {
    url: "myurl.php?action=list" ,
    type: "GET" ,
    success: function( data, textStatus, jqXHR ){
        alert("返回数据：" + data);
    } ,
    error: function(jqXHR, textStatus, errorMsg){
        alert("自己的error!");        
    }
});

// 上述$.ajaxSetup()的默认设置对$.get()、$.post()、load()、$.getJSON()、$.getScript()等AJAX函数也生效
// 因为这些函数也是在内部调用$.ajax()函数来实现的，只不过它们在内部都设置了一些参数


// $.get()在内部调用$.ajax()时已设置type为"GET"，因此仍然使用GET方式。
// 但url、async、headers、error等参数的默认值已被$.ajaxSetup()更改
$.get( );


// $.post()在内部调用$.ajax()时已设置type为"POST"，因此仍然使用POST方式。
// url也被设置为"user/action.php?method=addUser"
// 但async、headers、error等参数的默认值已被$.ajaxSetup()更改
$.post( "user/action.php?method=addUser" );
转载于:https://www.cnblogs.com/frx666/p/6743441.html