Problem with IE and setInterval() not refreshing/updating

Question

I'm using JavaScript/Jquery to make a page auto-update with a value from a database, although it doesn't seem to update in Internet Explorer. It works fine in FireFox & Chrome. Can anyone explain what's wrong? It looks like IE is just displaying a cached version of the page. How can I prevent this happening? Thanks.

function updateComm() {  
 var url="commandSys.php";  
 jQuery("#theElement").load(url);  
}

setInterval("updateComm()", 1000);

score 31 · Accepted Answer · answered Aug 06 '10 at 18:11

31

Try disabling the cache with ajaxSetup

$.ajaxSetup ({
    // Disable caching of AJAX responses */
    cache: false
});

function updateComm() {  
 var url="commandSys.php";  
 jQuery("#theElement").load(url);  
}

setInterval(updateComm, 1000);

Alternatively, you can manually just append a +new Date to url so it appends a query string to prevent caching.

Alternatively, disable caching on the server-side.

answered Aug 06 '10 at 18:11

meder omuraliev

183,342
71
393
434

1

Thanks very much. I used the "ajaxSetup" solution. :) – Joey Morani Aug 06 '10 at 18:19
yup, worked for me too, just copied and pasted the first part of this code into my file. – Simon Suh Apr 24 '11 at 12:16
awesome, had the same issue with IE. The funny thing is, when open the developer tool then it worked. Thanks for sharing. – Michael Hegner Jul 11 '17 at 15:06

score 0 · Answer 2 · answered Aug 06 '10 at 18:10

0

Your php page is cached. Has nothing to do with the interval. Set the right caching headers on the page.

answered Aug 06 '10 at 18:10

epascarello

204,599
20
195
236

Problem with IE and setInterval() not refreshing/updating

2 Answers2

Linked