Adding HTTP Header to AJAX get request

Question

I am trying to make an AJAX call to an API which requires an HTTP header (REST parameters).Currently no data is being returned. I think what is giving the most difficulty is understanding setRequestHeader, not even sure if its necessary. In this example , msdn it takes 2 string arguments: oReq.setRequestHeader("Content-Type", "text/xml") but then where does the authorization header go? Please Help

Currently I have this:

var baseURL = "https://api.azuga.com/azuga-ws/v1/live/location.json";

var header = "Authorization: Basic 0JRGDJW587832"; //Made up number

$.ajax({
      url: baseURL,
      dataType: 'json',
      beforeSend: function(xhr){xhr.setRequestHeader(header);},
      success: function(data){
            console.log(data);

 }
});

why you didn't use the headers property of ajax request since you use jQuery? — Adib Aroui
– Adib Aroui, Commented Jun 10, 2015 at 23:47
also note that your header is a string, so setRequestHeader is not taking two parameters! — Adib Aroui
– Adib Aroui, Commented Jun 10, 2015 at 23:49

Adib Aroui · Accepted Answer · 2015-06-10 23:49:54Z

1

Did you tried:

var baseURL = "https://api.azuga.com/azuga-ws/v1/live/location.json";



$.ajax({
      url: baseURL,
      dataType: 'json',
      headers: { 'Authorization': 'Basic 0JRGDJW587832' },
      beforeSend: function(xhr){xhr.setRequestHeader(header);},
      success: function(data){
            console.log(data);

 }
});

?

also note that your header is a string, so setRequestHeader is not taking two parameters!

answered Jun 10, 2015 at 23:49

Adib Aroui

5,0656 gold badges45 silver badges95 bronze badges

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

5 Comments

Steez Over a year ago

Thanks for the quick response. headers: { 'Authorization': 'Basic 0JRGDJW587832' } will not work because headers is undefined.

Steez Over a year ago

stackoverflow.com/questions/10093053/…

Adib Aroui Over a year ago

@user1837676,then, try giving two parameters to setRequestHeader.

Steez Over a year ago

Tried that as well. Now I am at least receiving a 401 error thats saying im unauthorized. However I've tested the header in googles advances rest client extension and it returns a response.

2787184 Over a year ago

VM1042:8 Uncaught ReferenceError: header is not defined

Collectives™ on Stack Overflow

Adding HTTP Header to AJAX get request

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related