Angularjs $http.get does not work

Question

My purpose is to consume a REST web service in AngularJS and I am making some trials right now. Below code is not working and throwing following exception. Can you help me identifty the problem?

Thanks in advance.

function getUsersFromLocal($scope,$http)
{
 $http.get('http://localhost:8080/people').
 success(function(data) {
 $scope.data = data;
 });
return data;
}

Error is: TypeError: Cannot read property 'get' of undefined at getUsersFromLocal.

The service is accessible and I tested it through some REST clients.

You need to supply more context. Where is getUsersFromLocal() defined? The ultimate problem is that Angular's $injector service doesn't know to do dependency injection on the call to getUsersFromLocal() (wherever that is in your code). Follow either @zegoline's answer or @pankajparkar's answer to address your problem. — Brian Clapper
– Brian Clapper, Commented Apr 26, 2015 at 16:17

sparsh610 · Accepted Answer · 2015-04-26 09:19:42Z

2

Try like this , this way i found on w3school.

var app = angular.module('myApp4', []);
    app.controller('customersCtrl', function($scope, $http) {
        $http.get("http://www.w3schools.com/angular/customers.php")
                .success(function(response) {
                    $scope.data= response.records;
                });
    });

answered Apr 26, 2015 at 9:19

sparsh610

1,6014 gold badges29 silver badges72 bronze badges

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

Comments

Pankaj Parkar · Accepted Answer · 2015-04-26 17:46:34Z

1

If I understood correctly getUsersFromLocal function is inside controller, basically the function parameters are killing the $scope, $http object existence, You need to remove them from parameter & Also removed the return statement which was outside $http which won't work in anyways.

Code

app.controller('mainCtrl', function() {
    $scope.getUsersFromLocal = function() {
        $http.get('http://localhost:8080/people').
        success(function(data) {
            $scope.data = data;
        });
    };

    $scope.getUsersFromLocal(); //call ajax method
});

edited Apr 26, 2015 at 17:46

answered Apr 26, 2015 at 9:15

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

1 Comment

emredmrl Over a year ago

Sorry, I didn't know I could choose only one correct answer. I also marked other comments as okay.

zegoline · Accepted Answer · 2015-04-26 09:17:32Z

1

if getUsersFromLocal is not a controller or service, and you are invoking this function manually, you should pass $http and $scope objects to it, like this

module.controller('TestController', function($scope, $http) {

  function getUsersFromLocal($scope,$http) {
    $http.get('http://localhost:8080/people').
      success(function(data) {
        $scope.data = data;
      });
  }

  getUsersFromLocal($scope, $http); // pass this services manually
});

answered Apr 26, 2015 at 9:17

zegoline

5742 gold badges8 silver badges22 bronze badges

Collectives™ on Stack Overflow

Angularjs $http.get does not work

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related