jQuery caches AJAX request in IE even though cache: "false" is set.

Question

I have the following code

$.ajax({type: "GET",
  url: "/" + filename,
  dataType: "xml",
  cache: "false",
  success: function(xml)
{
    /* Parsing code here */
}});

In Chrome etc the requests are not cached, however they are in IE. Am I constructing my request properly?

Answer 1

Perhaps it is the mimetype of the xml file you are returning? http://www.nerdydork.com/ie-json-caching-bug.html

One commenter on my blog suggested adding a time string to the json request:

I’m not going to trust in setting the cache to off in .ajaxSetup….

So just add a time string at the end of each json request, e.g.

$.getJSON( ‘/url/’, { data: 123, t: (new Date()).getTime() }, function(data) { //do whatever } );

Answer 2

cache should be a boolean, not a string:

$.ajax({type: "GET",
  url: "/" + filename,
  dataType: "xml",
  cache: false,
  success: function(xml){
    /* Parsing code here */
  }  
});