Service Workers and jQuery

jQuery + Service Workers

Service workers cache assets for offline use. jQuery Ajax requests can be intercepted by a service worker to serve cached responses when offline.

Example

// sw.js — cache-first strategy for API responses
self.addEventListener("fetch", event => {
  if (event.request.url.includes("/api/")) {
    event.respondWith(
      caches.match(event.request).then(cached =>
        cached || fetch(event.request).then(res => {
          const clone = res.clone();
          caches.open("api-v1").then(c => c.put(event.request, clone));
          return res;
        })
      )
    );
  }
});
// Register in main.js
if ("serviceWorker" in navigator)
  navigator.serviceWorker.register("/sw.js");

JAVASCRIPT

Full Editor

Pro Tip

Service workers intercept all fetch calls including jQuery AJAX — no jQuery changes needed.

Related Resources

jQuery Reference

Complete tag & property list

jQuery How-To Guides

Step-by-step practical guides

jQuery Exercises

Practice what you've learned