angularjs $http.jsonp 成功数据在别处访问

Question

如何在$http.jsonp()请求之外访问$scope或者$http中成功获取的数据？

$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);

当前控制台打印未定义。

感谢您的帮助。

Answer 1

您不应该认为异步 ajax 调用以同步方式工作。你必须等到 ajax/promise 完成。虽然不要使用.success/.error，但它们已被弃用，请使用.then 代替链接承诺。

你必须依赖promise才能获得resolve/reject。

代码

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);
});