Cache.add()

Die add() Methode des Cache Interface nimmt eine URL, ruft sie ab und fügt das resultierende Objekt zum gegebenen Cache. Die add() Methode gleicht funktional dem folgenden:

fetch(url).then(function(response) {
  if (!response.ok) {
    throw new TypeError('bad response status');
  }
  return cache.put(url, response);
})

Für komplexere Operationen müssen Sie Cache.put() direkt verwenden.

Syntax

cache.add(request).then(function() {
  // request wurde dem Cache hinzugefügt
});

Parameter

request

Die Request, die dem Cache hinzugefügt werden soll. Dies kann ein Request Objekt oder eine URL sein.

Rückgabewert

Eine Promise, die auf void auflöst.

Exceptions

Beispiele

Dieser Codeblock wartet darauf, dass ein InstallEvent ausgelöst wird, ruft dann waitUntil() auf, um den Installationsprozess der Applikation einzuleiten. Dies beinhaltet den Aufruf von CacheStorage.open um einen neuen Cache zu erstellen, um dann mittels Cache.add etwas zu diesem hinzuzufügen.

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

Spezifikationen

Browserkompatibilität

Weiterlesen

• Service-Worker benutzen
• Cache
• WorkerGlobalScope.caches