AngularJS $http.get not working with external domain json data

Question

I am trying to pull data from external domain using angularjs. I dont see any issue in the console. I tried to my best and fiddled here. Any help or pointer would be great.

Vie Code

<div ng-controller="myCtrl">{{response}}
    <button ng-click="getData()">GET Request</button>
</div>

Controller code

angular.module('myApp', [])
    .controller('myCtrl', function ($scope, $http) {
    $scope.getData = function () {
        $http.get("http://api.openweathermap.org/data/2.5/weather?zip=98007,us").success(function (response) {
            $scope.myData = response;
            console.log(response)
        });
    };
});

you have to pass parameters seperatly. check stackoverflow.com/questions/13760070/… — terafor
– terafor, Commented Aug 29, 2015 at 4:29

logee · Accepted Answer · 2015-08-29 04:37:43Z

2

Your code is fine but you are missing a few things in your markup. You are missing ng-app and you should be doing {{myData}} and not {{response}} (because myData is bound to your scope and assigned to response, there is not variable named response bound to your scope). See plunker

  <body ng-app="myApp">
    <div ng-controller="myCtrl">{{myData}}
        <button ng-click="getData()">GET Request</button>
    </div>
  </body>

answered Aug 29, 2015 at 4:37

logee

5,0321 gold badge29 silver badges36 bronze badges

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

1 Comment

skubski Over a year ago

Actually the syntax might be wrong.

maddygoround · Accepted Answer · 2015-08-29 05:24:18Z

1

Just add ng-app in body or html

By looking at your jsFiddle is clear that your issues is that you are not adding the app name in your html.

Here is your update jsFiddle : http://jsfiddle.net/kn4yaoco/3/

you can see in console that your request is giving response properly.

answered Aug 29, 2015 at 5:24

maddygoround

2,3102 gold badges21 silver badges33 bronze badges

Comments

zayquan · Accepted Answer · 2015-08-29 07:13:55Z

1

Using the browser dev tools what does the the network tab show ? Was the request successful, was the request even made ?

edited Aug 29, 2015 at 7:13

answered Aug 29, 2015 at 4:35

zayquan

8,1022 gold badges33 silver badges40 bronze badges

Comments

R.A. Lucas · Accepted Answer · 2015-08-29 04:26:23Z

0

You should .then with $http, so something like:

$http.get("http://api.openweathermap.org/data/2.5/weather?zip=98007,us")
  .then(function(response) {
     console.log(response);
  }):

Best

answered Aug 29, 2015 at 4:26

R.A. Lucas

1,1611 gold badge13 silver badges17 bronze badges

Collectives™ on Stack Overflow

AngularJS $http.get not working with external domain json data

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related