jquery 跨域认证

Question

我将我的 Jetty 服务器配置为允许跨域 http 请求 (allowedOrigins = *) 并使用其 CrossOriginFilter 允许跨域身份验证 (allowCredentials=true)。没有身份验证要求的跨域 http 请求工作正常。现在，当涉及到需要身份验证的 http 调用时，使用 JQuery 是行不通的。我使用以下代码并遵循此示例:http://www.aswinanand.com/2009/01/http-basic-authentication-using-ajax/

function login(username, password) {
$.ajax({
    type: "GET",
    contentType: "application/json",
    dataType: "json",
    url: url,
    beforeSend: function(xhr) {
        var base64 = Base64.encode(username + ":" + password);
        xhr.setRequestHeader("Authorization", "Basic " + base64);
        xhr.withCredentials = true;
    },
    error: function(data){
        alert("error");
    },
    success: function(data){
        alert("success"); 
    }
});

在 HTTPFox 中，我看到对服务器的以下请求:

OPTIONS /login HTTP/1.1
...
Access-Control-Request-Method   GET
Access-Control-Request-Headers  authorization,content-type

服务器响应

HTTP/1.1 204 No Content
...
Allow   OPTIONS,GET,HEAD

我还使用了下面的选项，这没有什么区别。

$.ajax({
    ...
    username: username,
    password: password,
    ...
}

错误函数总是会触发。有人知道问题出在哪里吗？

Answer 1

因为默认允许的 header 是

X-Requested-With,Content-Type,Accept,Origin

我必须添加标题

authorization,content-type

通过日志文件找到的

DEBUG [2012-05-27 17:04:02,468] org.eclipse.jetty.servlets.CrossOriginFilter: Headers [authorization,content-type] are not among allowed headers [X-Requested-With, Content-Type, Accept, Origin]

感谢所有提示!