Ajax回调找不到Authorization标头

时间:2012-05-24 13:16:59

标签: ajax wcf http-headers xmlhttprequest

我尝试使用ajax(xmlHttpRequest)来使用WCF服务(REST)。该服务需要基本身份验证。

我的ajax电话是:

 var httpRequest = new XMLHttpRequest();
         httpRequest.onreadystatechange = function () {
             if (httpRequest.readyState == 4) {
                 if (httpRequest.status == 200) {
                     //do some stuff
                 }
             }

         };
         httpRequest.open('PUT', 'http://localhost:59000/v1/users/1', true, 'user1', 'user1');
         httpRequest.withCredentials = "true";
         //must authenticate both..in open() but also set header manually ...cf http://stackoverflow.com/questions/1358550/xmlhttp-request-basic-authentication-issue
         httpRequest.setRequestHeader('Auhtorization', 'Basic user1:user1');
         httpRequest.setRequestHeader('Accept', 'application/json');
         // overridemimeType() does not set content type header .... don't know why ?
         httpRequest.setRequestHeader('Content-Type', 'application/json');
         var params = { "UserName": "user1" };
         var requestBodyString = JSON.stringify(params);
         httpRequest.send(requestBodyString);

我首先在服务器端处理请求的方式如下

        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin",
                      crossDomain);

        //preflight request : cf https://developer.mozilla.org/en/http_access_control 
        if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
        {
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods",
                          "GET, POST, PUT, DELETE");
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Credentials", "true");

            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Authorization, Accept, DummyOneForTest");

            HttpContext.Current.Response.AddHeader("Access-Control-Max-Age",
                          "1728000");
            HttpContext.Current.Response.End();
        }

我的浏览器向我发送错误“请求标头字段Auhtorization不是由Access-Control-Allow-Headers全部授权”,但正如您所看到的那样,它在响应标头中是白色的。

此外,当我尝试使用Fiddler时,一切都很好,我甚至允许使用标题虚拟。

所以我真的很困惑,如果有人可以提供帮助,请做!

由于

2 个答案:

答案 0 :(得分:0)

知道了,当你在“使用visual studio开发服务器”上运行你的服务器时,当你尝试添加一个标题(第二个代码块)时抛出异常:“此操作需要IIS集成管道模式”。

解决方案在app config中“使用IIS Web服务器”

根据此链接http://msdn.microsoft.com/en-us/library/d14azbfh.aspx#addexceptionscommand

你不能要求Visual Studio在抛出异常时告诉你,我错过了它。

谢谢

答案 1 :(得分:0)

也许它不相关,但上面的Ajax片段也将标题名称拼错为“Auhtorization”而不是“Authorization”。