Angular js - return and console.log $http response from outside the method

Question

Hi my code is very simple but i can't get to log the http result to this:

var app = angular.module('app', ['ngRoute']);

app.run(['contacts_helper','$rootScope', function(contacts_helper,$rootScope){
    var x = contacts_helper.getAll();
    console.log(x); // returns undefined 
  }]);

app.service('contacts_helper',['$http','$rootScope', function($http,$rootScope){

  this.getAll = function(){

    $http({
    method:'GET',
    url:'http://localhost/myjson.json',
    params:{id_user:$rootScope.session.id_user}

    }).success(function(response){

     return response;

    }).error(function(err){

     return false;

    });


    }


}]);

it always return undefined in console

So how to achieve this?

possible duplicate of How to return the response from an AJAX call? — Ian
– Ian, Commented Mar 14, 2014 at 15:31
You need to return the promise from the $http call, technically success and error functions haven't run yet by the time x gets assigned, thus x is undefined — m.e.conroy
– m.e.conroy, Commented Mar 14, 2014 at 15:33

Community · Accepted Answer · 2017-05-23 12:28:30Z

4

In your interface - you should make getAll is a promise. You need to use .then to access its content:

contacts_helper.getAll().then(function(response){
  console.log(response); 
}]);

This is possible, by changing getAll to return the http call.

this.getAll = function(){

    return $http({
    method:'GET',
    url:'http://facebook.com',
    params:{id_user:$rootScope.session.id_user}

    }).success(function(response){

     return response;

    }).error(function(err){

     return false;

    });

};

Or even simpler:

this.getAll = function(){

    return $http({
    method:'GET',
    url:'http://facebook.com',
    params:{id_user:$rootScope.session.id_user}

    });

};

Also, you should probably read How do I return the response from an asynchronous call?

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Mar 14, 2014 at 15:24

Benjamin Gruenbaum

278k90 gold badges524 silver badges524 bronze badges

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

2 Comments

Filippo oretti Over a year ago

hey benji!! it works thanks! thanks i hope you didn't forgot about me :D have nice time mate ;)

Benjamin Gruenbaum Over a year ago

@sbaaaang I did not, and frankly I think you should read that 'how to return the response from an AJAX call' post :) Good luck!

Collectives™ on Stack Overflow

Angular js - return and console.log $http response from outside the method

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