$http GET method Displays Blank Page

Question

I tried to parse json using below code but it is displaying a blank page.

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http:krispypapad.herokuapp.com/fetch_article").success(function (response) {   
      $scope.myWelcome = data.response;

    });  
});

See [Why are angular $http success/error methods deprecated? Removed from v1.6?](http://stackoverflow.com/a/35331339/5535245). — georgeawg, Dec 27 '16 at 19:02

Dalorzo · Answer 1 · 2016-12-27T18:42:38.677

1

I think there is typo with the URL you are using:

http:krispypapad.herokuapp.com instead http://krispypapad.herokuapp.com you are missing a couple of //

This is how your code will look like:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http://krispypapad.herokuapp.com/fetch_article").success(function (response) {   
      $scope.myWelcome = response; //<-- no .data is required

    });  
});

edited Dec 27 '16 at 18:42

answered Dec 27 '16 at 18:25

Dalorzo

19,834
7
55
102

The `.success` method does not return a response object. Use the `.then` method instead. – georgeawg Dec 27 '16 at 18:31

score 0 · Answer 2 · answered Dec 27 '16 at 18:28

0

You have a typo in the URL, it should be like this:

http://krispypapad.herokuapp.com/whatever

Also you should use response.data not data.response

answered Dec 27 '16 at 18:28

amrdruid

951
13
24

The `.success` method does not return a response object. Use the `.then` method instead. – georgeawg Dec 27 '16 at 18:30

$http GET method Displays Blank Page

2 Answers2