AngularJS: $http does not work to outer API

Question

myApp.config(['$httpProvider', function ($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
 }]);

$http.defaults.useXDomain = true;

$http.get('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=asp+site:codehint.ru').
    success(
        function (data, status, headers, config) {
            alert('answer');
        }
   );

Is not working! Because: Origin \site name\ is not allowed by Access-Control-Allow-Origin.

I have just started using AngularJS and forced to use $.getJSON because it is working fine in situation above. Can anybody show me the right solution of code above to make an AJAX call to outer services like Google?

Laurent Perrin · Accepted Answer · 2013-08-21 09:08:46Z

4

You should try $http.jsonp instead.

You'll just have to add callback=JSON_CALLBACK to your request:

$http.jsonp('http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=asp+site:codehint.ru&callback=JSON_CALLBACK')

edited Aug 21, 2013 at 9:08

answered Aug 20, 2013 at 13:43

Laurent Perrin

14.9k5 gold badges53 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: $http does not work to outer API

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related