How to set request header to the ajax object for jqGrid

Question

I have the need to set the 'Authorization' request header to the httpXMLRequest. On the grid definition I have tried to set via ajaxGridOptions like the following:

 ajaxGridOptions: { Authorization: 'Basic YWRtaW5AZGVmYXVsdC5jb206YWRTwa6=' } 

and use the beforeSend event like the following:

   beforeSend:  function(jqXHR, settings) {
    jqXHR.setRequestHeader("Authorization", 'Basic YWRtaW5AZGVmYXVsdC5jb206YWRTwa6=');
                    }

None of above works for me. What's the right syntax?

Thanks!!

Thevenot

Answer 1

You can use for example loadBeforeSend event handler of the jqGrid defined as the following:

loadBeforeSend: function(jqXHR) {
    jqXHR.setRequestHeader("Authorization", 'Basic YWRtaW5AZGVmYXVsdC5jb206YWRTwa6=');
}

Yasmin

I do see the request header being set properly in firebug by Oleg's solution. – Thevenot

Maybe I should put in another thread for this.. but I keep getting 401 error even the basic token is absolutely correct. If I don't set content-type in ajaxOptions, I would get 'anonymous user' at server side, after I set ajaxGridOptions: { contentType: 'application/json' }, I get 401 back. I am lost... – Thevenot

I did post a new thread – Thevenot

I deleted the post where I describing the authorization problem. the issue is at the server side.. has nothing to do with jqgrid – Thevenot

@xueru: OK! I am glad to hear this. The solved problem is the good problem. – Yasmin

Answer 2

Another option as of today is setting the header globally for all AJAX requests:

$.ajaxSetup({
    headers : {
        'Authorization' : 'Basic YWRtaW5AZGVmYXVsdC5jb206YWRTwa6='
    }
});

Cherin

This does not seem to work in my case. I add this global handler and it works for any $.ajax request but not for anything coming out of jqGrid. – Zwieback