Access-Control-Allow-Origin issue and angular $http service

Question

Sorry for duplicating a question for this issue but I really tried to seek for a solution but I could not find it. So I use angular $http.get xhr request to retrieve data from the public api. I have next code

 $http.get('http://www.carqueryapi.com/api/0.3/?callback=?&cmd=getMakes&year=2000&sold_in_us=1')
     .success(function(d){ console.log(d); })
     .error(function(d){ console.log( "nope" ); 
 });

this returns in console:

XMLHttpRequest cannot load http://www.carqueryapi.com/api/0.3/?callback=?&cmd=getMakes&year=2009. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'blah-my-localhost-blah' is therefore not allowed access.

However if I user jquery getJson method it works just fine:

$.getJSON("http://www.carqueryapi.com/api/0.3/?callback=?", {cmd:"getMakes", year:"2009"},                      
  function(data) {
    console.log(data);
  });

So obviously I can configure angular to send correct request since jQuery works fine?

Thank you for the response.

Jquery getJSON is using jsonp since callback parameter exists in url — danronmoon
– danronmoon, Commented Sep 27, 2014 at 22:56
angular doesn't use ? for the callback the way jQuery does...read docs for proper callback string and use $http.jsonp docs.angularjs.org/api/ng/service/$http#jsonp — charlietfl
– charlietfl, Commented Sep 27, 2014 at 22:59

Patrick Evans · Accepted Answer · 2014-09-27 23:02:02Z

2

Use the $http.jsonp method to do a jsonp request along with JSON_CALLBACK as the callback name:

$http.jsonp('http://www.carqueryapi.com/api/0.3/?callback=JSON_CALLBACK&cmd=getMakes&year=2000&sold_in_us=1')
     .success(function(d){ console.log(d); })
     .error(function(d){ console.log( "nope" ); });

answered Sep 27, 2014 at 23:02

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

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

1 Comment

scaryguy Over a year ago

What does that strange callback=JSON_CALLBACK parameter do? Some explanation would be appreciated.

Collectives™ on Stack Overflow

Access-Control-Allow-Origin issue and angular $http service

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related