AngularJS $http.post inside function

Question

I am using AngularJS and inside a service I have this:

var fn = {
    test: function() {
        $http.post(...)
        .success(function(response) {
            console.log(response);
            return response;
        })
    }
}

this.testPostCall = function (id) {
   console.log(fn.test());
};

In the controller testPostCall is undefined, in fact in the console the first output that I get is undefined and the second one is the correct JSON response.

Do you know why is undefined inside the controller ? Thanks

Community · Accepted Answer · 2017-05-23 12:29:40Z

2

This is because you are doing an asynchronous procedure not a synchronous one. As indicated in the $http documentation:

The $http API is based on the deferred/promise APIs exposed by the $q service

Your code is actually showing the correct behaviour, this is because the fn.test() function does not return anything and therefore evaluates to undefined. If you want to access the data received from your test function, then you have to return the $http.post() itself.

It should be something like this:

var fn = {
    test: function() {
        return $http.post(...);
    }
};

fn.test().success(function(data) {
  console.log(data);
});

EXAMPLE

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Nov 19, 2014 at 11:34

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

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

Comments

Anik Islam Abhi · Accepted Answer · 2014-11-20 03:12:24Z

1

Your process is totally Wrong . try this way

Service

var myModule = angular.module('myModule', []);
myModule.factory('serviceId', function () {
    var shinyNewServiceInstance = {
        test: test
    };
    // factory function body that constructs shinyNewServiceInstance
    return shinyNewServiceInstance;

    function test() {
        $http.post(...)
            .success(function (response) {
                console.log(response);
                return response;
            })
    }
});

Controller

myModule.controller('TestController', ['$scope', 'serviceId',
    function ($scope, serviceId) {
        $scope.greeting = 'Hola!';
        $scope.Test = Test;

        function Test() {

            console.log(serviceId.test());
        }
    }
]);

edited Nov 20, 2014 at 3:12

answered Nov 19, 2014 at 10:22

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Collectives™ on Stack Overflow

AngularJS $http.post inside function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related