AngularJS $http response

Question

here is my code

var object = null
app.controller("controller",function($scope,service){
    $scope.search=function(){
        service.findData().then(
            function successCallback(response){
                object = response.data
            },
            function errorCallback(response){
                alert("error")
            }
        )
        console.log(object)
    }
})

when I print the object, it is null so the question is: how can I get response.data outside?

Thank you for helping!

write `console.log` inside your success callback. You are working with Promises, you can't get the data out. You can assign it to a scoped variable with `$scope.object = ...` and then display it with `{{object}}` for example — Aleksey Solovey, Nov 22 '18 at 13:22
yep,i know $scope.object can work,but i want this object to do other things in controller ,so i want to use object out of findData() — J.Smith, Nov 22 '18 at 13:28
then you have to keep your entire logic inside that success callback. Or you can return the Promise, but if you want any data from it, you would need to resolve it every time with `.then` and still keep the logic inside the Promise — Aleksey Solovey, Nov 22 '18 at 13:34
@AlekseySolovey I dont think doing the logic inside a sucesscallback is a good option. You can make a reference to the controller and write a controller function as done below in my answer. — Jins Peter, Nov 22 '18 at 13:45

Jins Peter · Accepted Answer · 2018-11-23T06:29:19.890

2

It was a general practice during the era of AngularJS to assign the controller to variable.

app.controller("controller",function($scope,service){
    var self = this;
    $scope.search=function(){
        service.findData().then(
            function successCallback(response){
                self.yourBusinessFunction (response.data)

            },
            function errorCallback(response){
                alert("error")
            }
        )
        console.log(object)
    }

    self.yourBusinessFunction = function(data){

    console.log(data);
    // data here will be the response.data from the service
    // You can write your logic here

    }


})

edited Nov 23 '18 at 06:29

answered Nov 22 '18 at 13:42

Jins Peter

2,368
1
18
37

tks,i hava another question,if i hava 2 response with 2 search method ,how can i use one self.bussinessFunction to handle two response.data – J.Smith Nov 22 '18 at 14:06
sync both responses with `$q.all([promise1, promise2]).then(function(response_array){...})` – Aleksey Solovey Nov 22 '18 at 14:25
thx,i think i can solve it today :) – J.Smith Nov 23 '18 at 03:26
It is easy to work from the above basics ryt. On the success callback of the second service method, call the business functions. if you need another business function, write it as a property of `self` like `self.businessFunction2` in th same controller and use it likewise. – Jins Peter Nov 23 '18 at 05:12
i get it,this seems to be easier; – J.Smith Nov 23 '18 at 07:54
I've done it ,thx! – J.Smith Nov 23 '18 at 08:32

AngularJS $http response

1 Answers1