Comments on: Ajax IE Caching Issue

By: larsguitars

larsguitars — Wed, 06 Oct 2010 06:32:35 +0000

Just wrote a blog on this exact issue only using ExtJS ( http://thecodeabode.blogspot.com/2010/10/cache-busting-ajax-requests-in-ie.html)

The problem was as I was using a specific url rewriting format I couldn’t use conventional query string params (?param=value), so I had write the cache busting parameter as a posted variable instead….. I would have thought that using POST variables are a bit safer that GET, simply because a lot of MVC frameworks use the pattern

protocol://host/controller/action/param1/param2

and so the mapping of variable name to value is lost, and params are simply stacked… so when using a GET cache buster parameter

i.e. protocol://host/controller/action/param1/param2/no_cache122300201

no_cache122300201 can be mistaken for a $param3 parameter which could have a default value

i.e.

public function action($param1, $param2, $param3 = “default value”)
{
//..//
}

no chance of that happening with POSTED cache busters

By: shimul39

shimul39 — Sun, 24 Feb 2008 21:43:38 +0000

Yes if you use prototype then Medland’s solution would be nice.

But i solved my problem by putting this 2 lines before the send method.

here is my sample code:

myReq.open(“GET”, url, true);
myReq.setRequestHeader(“If-Modified-Since”, “Thu, 1 Jan 1970 00:00:00 GMT”);
myReq.setRequestHeader(“Cache-Control”, “no-cache”);

It Rocks!!!!!

By: Lirezh

Lirezh — Thu, 11 Oct 2007 16:22:47 +0000

This is so retarded!
firefox does not handle it stupid like that.
It is more than obvious that any ajax call is not to be taken from a cache!

I’m glad i found this blog… solved it by adding the current unixtime as GET parameter *sigh*

By: ujr

ujr — Fri, 28 Sep 2007 17:57:40 +0000

You may want to note that in prototype.js 1.6 you need to change

setRequestHeaders: function() {
var headers = {
‘X-Requested-With’: ‘XMLHttpRequest’,
‘X-Prototype-Version’: Prototype.Version,
‘Accept’: ‘text/javascript, text/html, application/xml, text/xml, */*’
};

to:

setRequestHeaders: function() {
var headers = {
‘If-Modified-Since’: ‘Thu, 1 Jan 1970 00:00:00 GMT’,
‘X-Requested-With’: ‘XMLHttpRequest’,
‘X-Prototype-Version’: Prototype.Version,
‘Accept’: ‘text/javascript, text/html, application/xml, text/xml, */*’
};

By: Jason Medland

Jason Medland — Wed, 12 Sep 2007 15:56:58 +0000

I’ve done all my ajax requests with prototype, which uses the JSONRPC spec (orignal ver), if you set the id parameter of the request to a random value (I stripped the preceeding “0.”) you should have a unique request URI in the GET scope (didn’t want to change my backend for this suite which was already scoped to GET).

By: Esteban

Esteban — Wed, 15 Aug 2007 14:44:22 +0000

ALELUYA !. Somebody figured out, thanks.

By: Rajeev Khandelwal

Rajeev Khandelwal — Fri, 10 Aug 2007 13:04:37 +0000

thanks for suggestion it really works for me , after going through many problems.

By: Bravo

Bravo — Fri, 09 Mar 2007 20:41:56 +0000

Thanks.. the POST method saved me.. (sigh IE is a pain in ass) For some what reason I started debuging using Metatags, and adding &random but didnot work for me.

By: Morque Alain

Morque Alain — Wed, 15 Nov 2006 21:41:04 +0000

Hi,
using Sajax, i have experienced the same caching problem. trying to retrieve a list oj JSON objects from server which changes time to time.
I ve solved the problem with expires http header parameter: e.g in CGI perl:
print $cgi->header(-expires=’-1d’); # already expired !!

By: Himani

Himani — Wed, 08 Nov 2006 06:31:34 +0000

HI
I am using Ajax.I have added some data to Cache usind Add Method.But when I use Ajax I can not use Cache.How to do it?
I am using System.web.Caching.

By: Bazzz

Bazzz — Sun, 22 Oct 2006 10:02:39 +0000

Ahhhhh, thx man, I had a similar problem and thanks to this article I found the solution. :D

By: Aaron Pedersen

Aaron Pedersen — Sat, 16 Sep 2006 00:38:15 +0000

I’ve ran into this problem many times. For my current client we are using Ajax.Updater() from prototype.js and we’re pulling plain .html content. My first attempt to fix IE caching was to use POST, but as some of you already know, with Apache you cant use a POST to request an html page.

There for our solution was to add ‘?random=’ + Math.random(); to the end of all our requests. Its nasty looking but it solves the issue.

By: Eric Pascarello

Eric Pascarello — Fri, 15 Sep 2006 19:33:32 +0000

Oliver wrote: And the second issue is that GET is not working for large amout of data.

Because there is a limit with how long a URL can be. Nothing new…

Eric

By: Oliver

Oliver — Fri, 15 Sep 2006 15:32:13 +0000

The workaround with the seconds is not working on a lot of proxy servers. To be more sure there is nobody caching the request use POST. As I can imaging Ajax.NET is doing this from the beginning. And the second issue is that GET is not working for large amout of data.

By: Hulkster

Hulkster — Thu, 14 Sep 2006 18:30:36 +0000

New ones (Web, Code stuff)

Web stuff Web Development Tools for the Power Developer Ajax IE Caching Issue and Dramatically improved

By: RIM

RIM — Thu, 14 Sep 2006 09:14:21 +0000

I've never had a problem with setting the If-Modified-Since header. Blog post about how to do this in Protoype.

By: Paschal

Paschal — Thu, 14 Sep 2006 04:25:14 +0000

Hey I posted about that a while ago (I think last June), easy just add a dummy date to your Ajax requests!

Check my blog here for the details. Work like a charm for me :-)

http://weblogs.asp.net/pleloup/archive/2006/06/08/451583.aspx

By: Tim Leonard

Tim Leonard — Wed, 13 Sep 2006 20:53:23 +0000

I used exactly the same technique as above, just posting either the date and time or a random number in the querystring to force IE to reload the relevant document.

Getting around caches in pretty much all browsers is achieved by doing this.

By: Rob Sanheim

Rob Sanheim — Wed, 13 Sep 2006 18:52:54 +0000

Rob: I’m guessing a lot of regulars do, but there are people learning ajax all the time who get caught by this.

By: Mario

Mario — Wed, 13 Sep 2006 18:12:00 +0000

I *heart* prototype.js (to each their own I guess)