Fetch

The Fetch API Open external link provides an interface for asynchronously fetching resources via HTTP requests inside of a Worker.

The fetch method is implemented on the ServiceWorkerGlobalScope. Refer to MDN documentation Open external link for more information.

​​ Constructor

addEventListener('fetch', event => {
  // NOTE: can’t use fetch here, as we’re not in an async scope yet
  event.respondWith(eventHandler(event));
});

async function eventHandler(event) {
  // fetch can be awaited here since `event.respondWith()` waits for the Promise it receives to settle
  const resp = await fetch(event.request);
  return resp;
}

​​ Properties

​​ Related resources

• Example: use fetch to respond with another site
• Example: Fetch HTML
• Example: Fetch JSON
• Example: cache using Fetch