Fetch

The Fetch APIOpen 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 documentationOpen 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