Javascript函数未在Angular App中返回值

Question

首先，抱歉我的英语不好。 好吧，这种情况下的问题是一个函数：'refresh'，查询正在响应并从 mysql 中的数据库返回值，但是当我尝试获取响应并返回另一个函数时，向我显示“未定义”值..这是代码：

function refresh(query){
    var res;
    $http.get('/quaestioJS/'+query).
    success(function(data, status, headers, config) {
        console.log(data);  //HERE, THE INFO IS SHOWING CORRECTLY
        res = data;         //HERE 'res' IS NOT GRABBING THE VALUE OF 'data'
    }).
    error(function(data, status, headers, config) {
        console.log("Error.");
        console.log(data);
    });
    console.log(res);
    return res;
}

更新 V1.0

更新后的代码：

function refresh(query){
    $http.get('/quaestioJS/'+query).
    success(function(data, status, headers, config) {
        return data;
    }).
    error(function(data, status, headers, config) {
        console.log("Error.");
        console.log(data);
    });
}

这里显示了代码中的变量和函数...响应是一样的：未定义

function find(tabla){
    var x = refresh("SELECT * FROM "+tabla);
    console.log(x);
    $scope.limpiar();
}

Answer 1

这就是callbacks 的概念出现的时候。为了获取响应，您必须传递一个函数/回调/响应处理程序，该处理程序将为您提供操作响应的控件。

您在当前实现中未定义的原因是因为您调用的函数的执行在 HTTP 调用的响应出现之前完成。这样的话，返回的值将是未定义的。

因此，您可以通过传递响应处理程序来获取响应，如下所示：

    function find(tabla){
        refresh("SELECT * FROM "+tabla, function(data, status, headers, config) {
            console.log(data);
            $scope.limpiar();
        });
    }


    function refresh(query, handler) {
        $http.get('/quaestioJS/'+query).
        success(handler).
        error(function(data, status, headers, config) {
            console.log("Error.");
            console.log(data);
        });
    }

Answer 2

$http.get 的原因是异步工作。所以你正确设置了 res 变量，但是当你在控制台记录 res 时，它发生在数据返回之前。所以正确的修改是：

function refresh(query, callback){
    var res;
    $http.get('/quaestioJS/'+query).
    success(function(data, status, headers, config) {
        console.log(data); 
        res = data;
        callback(res);
    }).
    error(function(data, status, headers, config) {
        console.log("Error.");
        console.log(data);
    });

}

function find(tabla){
    var x = refresh("SELECT * FROM "+tabla, function(data){
        console.log(data); 
        $scope.limpiar();
    });

}

编辑：对不起，我的第一次尝试是一个错误，完全忘记了 return 只会从成功函数中返回。