Ajax添加Token到Header中的方法

登录后sessionStorage.setItem(“token”,token);

1.方法一：

$.ajax({
    type: "GET",
    url: "/access/getUser/" + userCode,
    headers: {'Authorization': token}
});

2.方法二：

$.ajax({
    type: "GET",
    url: "/access/getUser/" + userCode,
    beforeSend: function(request) {
        request.setRequestHeader("Authorization", token);
    },
    success: function(result) {
    }
});

Angularjs
方式1：

$http.post('/somePath' , someData , {
		headers : {'Authorization' : authToken}
	}).success(function(data, status, headers, config) {
	//...
	}).error(function(data, status, headers, config ) {
	//...
});

这种方法的好处就是针对不同路径的请求，可以个性化配置请求头部，缺点就是，不同路径请求都需要单独配置。
方式2：

ngular.module('app', [])
.config(function($httpProvider) {
    $httpProvider.defaults.headers.common = {'My-Header': 'value'}
})

$httpProvider.defaults.headers有不同的属性，如common、get、post、put等。因此可以在不同的http请求上面添加不同的头信息，common是指所有的请求方式。
这种方式添加请求头信息的优势就是可以给不同请求方式添加相同的请求头信息，缺点就是不能够为某些请求path添加个性化头信息。
方式3：

myModule.factory('authInterceptor', function($rootScope,  $cookies){
    return {
        request: function(config){
            config.headers = config.headers || {};
            if($cookies.get('token')){
                config.headers.authorization = 'Bearer ' + $cookies.get('token');
            }
            return config;
        },
        responseError: function(response){
            // ...
        }
    };
})

然后把上面定义的服务注册到$httpProvider.interceptors中。

.config(function($httpProvider){
    $httpProvider.interceptors.push('authInterceptor');
})