HTML5 cache manifest: unsuccessful ajax calls getting fallback

Question

I've got an HTML5 application which uses a cache manifest to provide offline functionality. This application makes ajax calls, when online, and some of this calls can obtain a 403 unauthorized in response.

Here's the bottom of my cache.manifest file:

NETWORK:
*

FALLBACK:
/ /offline

If I remove the fallback section, all the ajax calls receiving a 403 response work as expected and I can detect this with jQuery error handler and redirect the user to the login form.

But if fallback section is present, the same calls get a 200 OK response, with fallback HTML's content as body, even though the server replied with a 403, so there's no way for me to know the user is not authenticated and must be sent to the login page.

Am I missing something here? Thanks in advance

Answer 1

Adding a random number as query-parameter to the page you're looking for to the jQuery-AJAX will solve the issue; i.e.

$.ajax({
  url: "/data.html?"+ Math.random(),
  // other properties here...
});