angularjs $http.jsonp success data access it elsewhere

Question

How can I access the $scope or the data obtained from success in $http outside the $http.jsonp() request?

$http.jsonp('http://example.com/?callback=JSON_CALLBACK')
    .success(function(data) {
        $scope.info1 = data.name;
        $scope.info2 = data.company;
    });

console.log("access it here outside: ",$scope.info1);

currently the console prints undefined.

Thanks for the help.

Pankaj Parkar · Accepted Answer · 2017-01-29 18:57:39Z

1

You shouldn't consider asynchronous ajax call to be work in synchronous way. You have to wait until that ajax/promise gets finished. Though don't use .success/.error they are deprecated, use .then instead to chain promise.

You must rely on the promise to promise gets resolve/reject.

Code

var promise = $http.jsonp('http://example.com/?callback=JSON_CALLBACK')
promise.then(function(response) {
    var data = response.data;
    $scope.info1 = data.name;
    $scope.info2 = data.company;
    console.log("access it here outside: ",$scope.info1);
    myOtherFunction($scope.info1);
})
.catch(function(error) {
    console.log(error);
});

edited Jan 29, 2017 at 18:57

answered Jan 29, 2017 at 18:35

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

7 Comments

passion Over a year ago

what should i use instead of success? could please provide the alternative way? thanks

passion Over a year ago

it still doesn't get printed! i get undefined.

passion Over a year ago

your console log is still INSIDE the then, i mean completely outside the code related to the thenand $http, i want to use it in another function in the same controller.

Pankaj Parkar Over a year ago

You ahve to call that other dependant function from .then of current jsonp call

passion Over a year ago

could you please give an example?

|

Collectives™ on Stack Overflow

angularjs $http.jsonp success data access it elsewhere

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related