Angular Proper way to cache or load http requests

Question

This is really more of a question. I am using several http requests in my application that spans an entire site really.

Is it better to cache the request or is there a more efficient manner to only make the request on given URL's?
Am I understanding the cache method correctly (see below code)

homeApp.controller('mainMenu', function($scope, $http) {
  $http.get("http://localhost:3000/wp-json/menus/2", {
    cache: true
  }).then(function(response) {
    $scope.menuData.data = response.data.items;
  });
});

I am trying to keep this thing as quick and agile as possible. Thanks all!

paullth · Accepted Answer · 2016-10-28 14:26:58Z

1

You could probably customise the HTTP provider to look for certain paths and cache them for your application. But I think coding the specific calls you want cached by specifying cache=true is better and clearer?
I think you have understood it correctly.

https://docs.angularjs.org/api/ng/service/$http

"When caching is enabled, $http stores the response from the server using the relevant cache object. The next time the same request is made, the response is returned from the cache without sending a request to the server."

So if you repeatedly make requests to /wp-json/menus/2 within the scope of an instance of your angular SPA, it will not hit the server. Its quite efficient.

I hope this helps.

answered Oct 28, 2016 at 14:26

paullth

1,7512 gold badges15 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JoethaCoder Over a year ago

It does! I think really the cache is the solution I was looking for. I am a fan of elegant and simple. I think this is great! lol still just learning the insides and out of angularjs syntax.

Collectives™ on Stack Overflow

Angular Proper way to cache or load http requests

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related