IT技术 - 带有 jquery.ajax() 的跨域“授权”标头 - 吾爱随笔录

我正在尝试发送跨域域并添加自定义“授权”标头。请看下面的代码。

错误：

XMLHttpRequest 无法加载 {url}。Access-Control-Allow-Headers 不允许请求头字段授权。

function loadJson(from, to) {
    $.ajax({
        //this is a 'cross-origin' domain
        url : "http://localhost:2180/api/index.php",
        dataType : 'json',
        data : { handler : "statistic", from : from, to : to
        },
        beforeSend : setHeader,
        success : function(data) {
            alert("success");
        },
        error : function(jqXHR, textStatus, errorThrown) {
            alert("error");
        }
    });
}

function getToken() {
    var cookie = Cookie.getCookie(cookieName);
    var auth = jQuery.parseJSON(cookie);
    var token = "Token " + auth.id + ":" + auth.key;
}

function setHeader(xhr) {
    xhr.setRequestHeader('Authorization', getToken());
}

我也试过：

headers : { 'Authorization' : getToken() },

在ajax请求中。

会不会是jquery-ajax 框架阻塞了跨域认证？我怎样才能解决这个问题？

更新：

顺便说一句：是否有更安全的方法将 auth.key 存储在客户端然后存储在 cookie 中？getToken() 将替换为更复杂的方法，散列正文、日期等。