javascript - 在 Angular JS 中获取 HTTP 请求的值

Question

我尝试创建一个函数，它在 Javascript 中发出 HTTP 请求并获取该请求的结果。不幸的是，我完全不知道如何在其他函数中取回这个结果..

在这里找到我的两个函数(两者应该做同样的事情):

$scope.getInfo = function() {
        return $http({
            method: 'GET',
            url: 'https://api.net'
        }).then(function (response) {
            return response.data;
        });
    };

还有一个:

$scope.getInfo = function() {
        var defer = $q.defer();
        $http.get('https://api.net').then(function(response) {
            defer.resolve(response.data);
        }, function(response) {
            defer.reject(response);
        });
        return defer.promise;
    };

我找到了很多关于发出请求但不取回其值的文章(在另一个中简单调用函数只是显示“对象对象”，我没有找到解决方案正确显示)。

$scope.test = function() {
        var myValue = $scope.getInfo();
        alert(myValue); /* show [Object object] */
    };

你能帮帮我吗？

Answer 1

在使用 Promise 时你应该这样进行:

 $http({
     method: 'GET',
     url: 'https://api.net'
 }).then(function (response) {
     $scope.info = response.data
 });

您当前的代码返回一个 Promise，这就是为什么 getInfo 返回的结果被视为一个对象

如果你想让 getInfo 成为一个函数，你可以这样做:

$scope.getInfo = function() {
    return $http({
        method: 'GET',
        url: 'https://api.net'
    }).then(function (response) {
        return response.data;
    });
};

$scope.getInfo().then(function(result) {
   alert(result);
});