setRequestHeader not adding request header to wcf call

Question

I am trying to make a call to wcf function using ajax as below:

$.ajax({
        url:http://localhost:64121/Test.svc/json/GetNumber?X='+ var1 + '&callback=?',
        dataType: 'json',
        beforeSend : function(xhr) {
            xhr.setRequestHeader("Authorization", "BasicAuthTest");
        },
        success: function(trackingData) {
            alert("success");
        }
    });

WCF code is beaking and is receving the request

public class CustomUserNameValidatorBasic : ServiceAuthorizationManager
    {
        protected override bool CheckAccessCore(OperationContext operationContext)
        {
            try
            {
                var msg = operationContext.RequestContext.RequestMessage;

                // If user requests standart help-page then ignore authentication check.
                if (msg.Properties.ContainsKey("HttpOperationName") && msg.Properties["HttpOperationName"].ToString() == "HelpPageInvoke")
                {

                    return base.CheckAccessCore(operationContext);
                }

                var httpRequestHeaders = ((HttpRequestMessageProperty) msg.Properties[HttpRequestMessageProperty.Name]).Headers;

                // Is Authorization-header contained in http-headers?
                if (!httpRequestHeaders.AllKeys.Contains(HttpRequestHeader.Authorization.ToString()))
                {
                    //code returns here
                    return false;
                }

                    return false;

            }
            catch (Exception e)
            {
                return false;
            }

        }
    }

As shown "Authorization" header is not included in req header array

enter image description here

In Firebug Under Request Headers for ajax reqeuest:

Request Headersview source Accept / Accept-Encoding gzip, deflate
Accept-Language en-US,en;q=0.5 Cache-Control max-age=0
Connection keep-alive Host test.proxyU.com If-Modified-Since Wed, 21 Mar 2012 19:46:56 GMT If-None-Match "e0818-17278-4bbc60dc86c00"
User-Agent Mozilla/5.0 (Windows NT 6.1; WOW64; rv:16.0)
Gecko/20100101 Firefox/16.0

Update: Considering Answer below I have tried 3 Methods as below none of them adds the header. All call wcf correctly but `Authorization' header is just not in the request. And if I watch the http request the header looks very much like the screen shot I posted above

Method 1

$.ajax({
        url: "http://localhost:64121/Test.svc/json/GetNumber?X='+ var1 + '&callback=?'",
        beforeSend: function(xhr){xhr.setRequestHeader("Authorization", "BasicAuthTest");},
        success: function(trackingData) {
            alert("success");
        }
    });

Method 2

$.ajax({
        url: "http://localhost:64121/Test.svc/json/GetNumber?X='+ var1 + '&callback=?'",
        headers: {"Authorization": "BasicAuthTest"},
        success: function(trackingData) {
            alert("success");
        }
    });

Method 3

$.ajax({
        url: "http://localhost:64121/Test.svc/json/GetNumber?X='+ var1 + '&callback=?'",
        beforeSend : function(xhr, settings) {
            $.extend(settings, { headers : { "Authorization" : "BasicAuthTest" } });
        },
        success: function(trackingData) {
            alert("success");
        }
    });

Use developer tools in your browser (typically F12) and check if header added to request. — STO
– STO, Commented Feb 7, 2013 at 21:05
@drch 1.7.2, I just noticed in chrome debugger that when i use Method 3 instead of adding a whole new header I see: Access-Control-Request-Headers:accept, authorization, origin — PUG
– PUG, Commented Feb 8, 2013 at 16:21
when I call this wcf from asp.net website using c# i see a complete new header entry Authorization being entered and it works fine. But from javascript/jquery it appears to be adding the header inside Access-Control-Request-Headers — PUG
– PUG, Commented Feb 8, 2013 at 16:24

drch · Accepted Answer · 2013-02-08 16:45:46Z

1

From documentation on setRequestHeader()

You must call setRequestHeader() after open(), but before send().

Looking at the jQuery source, open() is called on send() so you can't set the headers via the xhr object in beforeSend()

The jQuery documentation on $.ajax regarding headers says:

This setting is set before the beforeSend function is called; therefore, any values in the headers setting can be overwritten from within the beforeSend function.

So you can update the headers in beforeSend(xhr, settings) via the settings object and jQuery will pick them up.

$.ajax({
    url:http://localhost:64121/Test.svc/json/GetNumber?X='+ var1 + '&callback=?',
    dataType: 'json',
    beforeSend : function(xhr, settings) {
        $.extend(settings, { headers : { "Authorization", "BasicAuthTest" } }
    },
    success: function(trackingData) {
        alert("success");
    }
});

Alternatively, you can pass in a headers parameter into your $.ajax() call:

$.ajax({
    url: ...,
    headers : { "Authorization", "BasicAuthTest" }
};

edited Feb 8, 2013 at 16:45

answered Feb 7, 2013 at 22:16

drch

3,0801 gold badge21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PUG Over a year ago

Updated question considering your answer

PUG · Accepted Answer · 2013-02-21 14:03:24Z

0

Yes it was a cross domain issue, I used this visual studio project template and it made things fairly easy. There is a working example in there too for http get from the service

edited Feb 21, 2013 at 14:03

answered Feb 21, 2013 at 13:56

PUG

4,50213 gold badges77 silver badges118 bronze badges

2 Comments

Xaris Fytrakis Over a year ago

Can you explain what you did to fix this on localhost? I have the exact same problem.

PUG Over a year ago

just use the project template linked above, it has working example in it

Collectives™ on Stack Overflow

setRequestHeader not adding request header to wcf call

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related