Как вернуть данные из функции 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')); 
    } 

Я могу получить данные JSon из else блока, но получить null значение из функции then.

И эта функция находится внутри службы.

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 
}