ajax is caching

[esthera]

my code is

<script>
	$(document).ready(function()
	{
	   var refreshId = setInterval(function()
	   {
		 $('#data').load('ajaxloadspread.asp'+ '?' + Math.random());
		 
		 
		 
		 
	   }, 1000);
	});
	</script>

this reloads the table every second - now the problem is it's not working on some versions of ie and I think it's because it is caching - can someone help me with how to fix.
I tried adding a random number at the end but that didn't make a difference.

[A1ien51]

Well did you clear your cache after you made the changes to your JavaScript code? If the page is cached, it might not have picked up your new changes.

Better yet, make it use a post instead of a get, gets are cached, posts are not:

$("#data").load("ajaxloadspread.asp", { 'foo': 'bar' } );

Eric

[esthera]

How do I do that?
does your line of code make it a get?
sorry i'm new to ajax and this is my first application i'm writing in ajax so I would appreciate your help .

[A1ien51]

If you read the documentation it says if you add extra parameters to the load, it uses a post instead of a get. YOUR code is a GET, the example I posted is a POST.

HTTP guideliens do not allow for posts to be cahced, only gets can be. You want GETs to be cached so when you are surfing the net, everything runs faster.

If you still want to use a GET request, than you need to set the correct No Cahce headers in your serverside code.

Eric

[esthera]

so i changed my line of code to
$("#data").load("ajaxloadspread.asp", { 'foo': 'bar' } );

same thing - it's not working on ie - what else could be the problem?

[A1ien51]

Did you clear your browsers cache to make sure you have the latest and greatest JavaScript code available?

Eric

[esthera]

yes I cleared cache and it is still not refreshing

[esthera]

If you still want to use a GET request, than you need to set the correct No Cahce headers in your serverside code.

How would I do this

[rnd me]

http MUST honor a client explicitly requesting a new version:

setting a request header ("If-Modified-Since") can prevent cache without server config:

XHR.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");

jQuery provides it's own, simple way :

var refreshId = setInterval(function()
	   {
				 
$.ajax({
  url: 'ajaxloadspread.asp',
  cache: false,
  success: function(html){
    $("#data").replaceWith(html);
  }
});

		 
	   }, 3000);

[esthera]

that is still not working?
what else coudl be the issue that would be disabling ajax?

[esthera]

your change above stopped it from working on firefox also ?

[rnd me]

Originally Posted by esthera

your change above stopped it from working on firefox also ?

i posted the ready function body, i guess i should have made that more clear ;^)

cut and paste ready:

<script>

$(document).ready(function(){
var refreshId = setInterval(function(){
				 
$.ajax({
  url: 'ajaxloadspread.asp',
  cache: false,
  success: function(html){
    $("#data").replaceWith(html);
  }
});

}, 3000);
});
</script>