Prevent same requests from being sent simultaneously when using Angular resource

Question

I have a few components in one page.

Each of them fetches the same data from the server.

As a result, when the page loads, these components send the same request multiple times.

Is there any way to prevent this? Like caching the promise of the first request and returning that to the next coming requests (before the promise resolved)?

Community · Accepted Answer · 2017-05-23 12:33:39Z

1

In order to make sure that the request is sent only once, you can keep track of the first HttpPromise you create, and on subsequent calls of the function, return that same promise.

This SO link might be what you're looking for.

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Oct 6, 2016 at 3:36

Divyanshu Maithani

15.1k2 gold badges39 silver badges48 bronze badges

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

2 Comments

Thịnh Phạm Over a year ago

Thanks for the answer. What if I use $resource instead of $http?

Divyanshu Maithani Over a year ago

@ThịnhPhạm $resource also uses $http internally, I think it should work fine.

Enzey · Accepted Answer · 2016-10-06 05:05:18Z

0

When calling the $http service you can additionally supply a cache object. If you do so any additional requests will use the cached value. If the same cache is used then additional requests made before the first is resolved will not call the server but wait for the response.

$http.get(url, {cache:cacheObj})

Where cacheObj is from $cacheFactory

answered Oct 6, 2016 at 5:05

Enzey

5,2541 gold badge20 silver badges20 bronze badges

Collectives™ on Stack Overflow

Prevent same requests from being sent simultaneously when using Angular resource

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related