Cache.add()

La méthode add() de l'interface Cache accepte une URL, la récupère, et ajoute l'objet réponse qui en résulte dans le cache. La méthode add() est équivalent au code suivant :

fetch(url).then(function (response) {
  return cache.put(url, response);
})

Pour des opérations plus complexes, il faut utiliser Cache.put() directement.

Syntaxe

cache.add(request).then(function() {
  //request a été ajoutée au cache
});

Paramètres

request

La requête à mettre en cache. Ce paramètre peut être un objet Request ou une URL.

Retour

Une Promise qui est résolue en void.

Exceptions

Exemples

Ce bloc de code attends le déclenchement d'un InstallEvent, puis lance waitUntil qui gère la phase d'installation de l'application. Cela consite à appeler CacheStorage.open afin de créer un nouveau cache, puis à utiliser Cache.add pour y ajouter des ressources.

this.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open('v1').then(function(cache) {
      return cache.add('/sw-test/index.html');
    })
  );
});

Specifications

Compatibilité des navigateurs

Voir aussi

• Utilisation des Service Workers
• Cache
• WorkerGlobalScope.caches