Как я могу использовать мой JSON без запуска нового запроса API каждый раз, когда я хочу использовать свои данные?

Question

Я хочу, чтобы мое приложение ограничивало свои запросы сервером без сохранения данных. Есть ли способ сделать это без запроса на сервер каждый раз, когда вызывается мой HTTP-запрос? Каковы некоторые из различных методов, которые это может быть сделано, и лучшие практики/компромиссы для каждого?

Answer 1

Вы можете использовать опцию cache в config аргумент различных $http методов:

$http.get('/someUrl', { 
    cache: true 
}); 

Answer 2

Самый очевидный способ просто иметь целую переменную JavaScript, который подсчитывает, сколько запросов было сделано на сервер , и когда достигнут определенный максимальный предел, чтобы прекратить делать запросы на сервер.

Не зная больше о Почему вы хотите это сделать, трудно быть более конкретным.

Answer 3

Это будет зависеть от ваших потребностей. Один из подходов - хранить результаты в запросе на заводе и извлекать их.

app.factory('DataService', function($http) { 
    var values; 
    var requestValues = function() { 
    $http.get("/api/getValues").then(
     function(results){ 
      values = results; 
     }); 
    }; 
    var getValues = function() { 
    return values; 
    }; 
    return { 
    requestValues : requestValues, // this will make a http request and store the result 
    getValues: getValues // this will call the stored result (without making a http request) 
    } 
}); 

А затем в вашем контроллере вызовите функции, чтобы сделать запрос для значений, а затем получите значения. Есть две функции, requestValues(), чтобы сделать запрос http и сохранить результат, и getValues(), чтобы получить сохраненные значения без запроса http. После вызова requestValues() вы можете позвонить по номеру getValues() из любого места, чтобы получить значения, не создавая новый HTTP-запрос.

myApp.controller('MyController', function ($scope, DataService) { 
    var init = function(){ 
    DataService.requestValues(); // this will make the http request and store the result 
    $scope.items = DataService.getValues(); // this will get the result 
    }; 

    var justGetValues = function(){ 
    $scope.items = DataService.getValues(); // this will get the result (without making a http request) 
    }; 

}); 

Теперь вам просто нужно позвонить DataService.getUpdates(); всякий раз, когда вам понадобятся значения. (Возможно, вы захотите обернуть их в promise. Я воздержался от этого из-за простоты)

Альтернативно вы можете использовать опцию кеша, как указано в @JLRishe. Угловой в $ HTTP имеет кэш встроенный, так просто установить кэш для истинно в опциях

$http.get(url, { cache: true}) 
    .success(){ 
    // on success 
}.error(){ 
    // on error 
};