AngularJS API call

Question

Trying to make an API call.

var app = angular.module("testApp", []);
app.controller("mCtrl", ["$scope", "$http", function($scope, $http) {
  $http.jsonp("api.openweathermap.org/data/2.5/weather?q=London,uk&APPID={APIKEY}")
       .success(function(data) {
          $scope.data = data;
          console.log($scope.data);

       });
}]);

Keep getting a 404 response. I can access the data when using the address in the browser though.

This might be useful stackoverflow.com/questions/12066002/… — Nathan Beck
– Nathan Beck, Commented Oct 11, 2016 at 19:31
Are you just missing http:// in the request url? Check the browsers debugger tools (net/network tab) to see where that request is going. My bet would be to it's treating it as a relative url to the local server/domain. — AndrewR
– AndrewR, Commented Oct 11, 2016 at 19:38
You forgot the http://. Also, you probably should remove your API Key from public pages. — Gillespie
– Gillespie, Commented Oct 11, 2016 at 19:40

Mockingguy · Accepted Answer · 2016-10-11 19:38:50Z

1

First, you should be using $http.get('...') instead of $http.jsonp('...')

And second you forgot to add 'http://...' to the route

The correct way is

$http.get("http://api.openweathermap.org/data/2.5/weather?q=London,uk&APPID=d21b99023992fadfa586d8c3589d0b8d")
  .then(function(data) {
    $scope.data = data;
    console.log($scope.data);
  });

I've tested it, it should work

answered Oct 11, 2016 at 19:38

Mockingguy

11310 bronze badges

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

2 Comments

Znowman Over a year ago

Worked, ty, but why not jsonp?

Mockingguy Over a year ago

While you could technically use it, is more of a hassle and you only need a simple get, the documentation tells you how but is not worth it.

Collectives™ on Stack Overflow

AngularJS API call

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related