如何返回从http sucess功能

Question

数据我想从$http.then函数返回值：

if(navigator.onLine){ 
    $http({ 
     method:'GET', 
     url:url, 
    }).success(function(data, status){ 
     localStorage.setItem('abc', JSON.stringify(data)); 
    }).then(function(){ 
     return JSON.parse(localStorage.getItem('abc')); 
    }); 
    }else{ 
    return JSON.parse(localStorage.getItem('abc')); 
    } 

我能够从else块获取JSON数据，但是从then功能越来越null值。

而这个功能是在一个服务里面。

Answer 1

您不能return the response from an asynchronous call。您需要返回承诺，即.then方法的结果。

同样，您也希望为DOM存储中的数据返回一个（已履行的）承诺。

if (navigator.onLine){ 
    return $http({ 
     method:'GET', 
     url:url 
    }).then(function(response) { 
     localStorage.setItem('abc', JSON.stringify(response.data)); 
     return response.data; 
    }); 
} else { 
    return $q.when(JSON.parse(localStorage.getItem('abc'))); 
} 

Answer 2

如果你想“返回”，你可以创建一个使用$q另一个承诺之前，做一些处理，它会去是这样的：

var defer = $q.defer(); 
if(navigator.onLine){ 
    $http({ 
    method:'GET', 
    url:url, 
    }).success(function(data, status){ 
    localStorage.setItem('abc', JSON.stringify(data)); 
    }).then(function(){ 
    defer.resolve(JSON.parse(localStorage.getItem('abc'))); 
    }); 
}else{ 
    defer.resolve(JSON.parse(localStorage.getItem('abc'))); 
} 
return defer.promise; 

这样做是什么，即使你有一个$http调用与否，您将返回一致的类型，不再担心是否需要等待。

在您的来电者，你会做这样的事情（说上面的代码属于一个方法foo）：

foo().then(function (data) { 
    // here data contains your returned JSON parsed object 
}