【JavaScript 】angularjs 缓存的使用

2025-06-05 20:46:52

1、三、$http 中的缓存Angular的 $http 服务创建了一个带有ID为 $http 的缓存。 要让 $http 请求使用默认的缓存 对象很简单: $http() 方法允许我们给它传递一个 cache 参数。3.1 默认的 $http 缓存当数据不会经常改变时,默认的 $http 缓存就特别有用了。可以像这样设置它:

【JavaScript 】angularjs 缓存的使用

2、通过 $http 到URL /api/user.json 的每个请求将会存储到默认的 $http 缓存中。 这个$http 缓台仵瑕噤存中的请求键就是完整的URL路径。也可以操作这个默认的 $http 缓存(如果发起的另外一个没有缓存的请求提醒发生了增量变化,就可以在默认的 $http 请求中清除这个请求)。为了引用 $http 的默认请求,只需通过 $cacheFactory() 使用ID来获取到该缓存:

【JavaScript 】angularjs 缓存的使用

3、对于所掌控的缓存,可以在需要时进行所有的正常操作,比如检索已缓存的响应,从缓存中清除条目,或者消除所有缓存的引用。

【JavaScript 】angularjs 缓存的使用

4、3.2 自定义缓存有时候能够对缓存有更多的控制以及针对缓存的表现创建规则,这就需要创建一个新的缓存来使用 $http 请求。通过自定义的缓存来让 $http 请求发起请求很简单。可以采用传递缓存实例的方式,而不必传递一个布尔参数 true 给请求。

【JavaScript 】angularjs 缓存的使用

5、一个小demo:定义一个缓存服务,依赖注入到你要用的控制器中,直接使用

【JavaScript 】angularjs 缓存的使用

6、$http 将会使用自定义的缓存而非默认缓存。四、为 $http 设置默认缓存每次想要发起一个 $http 请求时都要给它传递一个缓存实例并不方便,特别是对每个请求使用同一缓存的时候。其实可以在模块的 .config() 方法中通过 $httpProvider 设置 $http 默认使用的缓存对象。

【JavaScript 】angularjs 缓存的使用

7、这个 $http 服务不再使用它为我们创建的默认缓存;它会使用自定义的缓存,实际上这就是一个近期缓存最久未使用算法① (Least Recently Used,LRU)。LRU缓存根据缓存容量只保留最新的缓存数目。缓存容量为20,因此会缓存前20个请求,但是进入第21个请求时,最近最少使用的请求条目就会从缓存中被删除。这个缓存自身会负责具体哪些要维护,哪些要移除。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢