Can service workers cache POST requests?

javascript post request service-worker pwa
Aniket picture Aniket · Feb 8, 2016 · Viewed 25k times · Source

I tried to cache a POST request in a service worker on fetch event.

I used cache.put(event.request, response), but the returned promise was rejected with TypeError: Invalid request method POST..

When I tried to hit the same POST API, caches.match(event.request) was giving me undefined.

But when I did the same for GET methods, it worked: caches.match(event.request) for a GET request was giving me a response.

Can service workers cache POST requests? In case they can't, what approach can we use to make apps truly offline?

Answer

Marco Castelluccio picture Marco Castelluccio · Feb 8, 2016

You can't cache POST requests using the Cache API. See https://w3c.github.io/ServiceWorker/#cache-put (point 4).

There's a related discussion in the spec repository: https://github.com/slightlyoff/ServiceWorker/issues/693

An interesting solution is the one presented in the ServiceWorker Cookbook: https://serviceworke.rs/request-deferrer.html Basically, the solution serializes requests to IndexedDB.

Related questions

Download File from Bytes in JavaScript

I want to download the file which is coming in the form of bytes from AJAX response. I tried to do it this way with the help of Bolb: var blob=new Blob([resultByte], {type: "application/pdf"}); var link=document.…

Read More
How to set Content-Length when sending POST request in NodeJS?

var https = require('https'); var p = '/api/username/FA/AA?ZOHO_ACTION=EXPORT&ZOHO_OUTPUT_FORMAT=JSON&ZOHO_ERROR_FORMAT=JSON&ZOHO_API_KEY=dummy1234&ticket=dummy9876&ZOHO_API_VERSION=1.0'; var https = require(…

Read More
How to POST binary data in request using request library?

I have to send binary contents of a remote file to an API endpoint. I read the binary contents of remote file using request library and store it in a variable. Now with contents in the variable ready to be …

Read More