I'm having a problem with jquery ajax load in internet explorer..

www.funfactz.com

It does not refresh the random fact as it's supposed to. It works in firefox. Try it.

Code is here:

$(document).ready(function(){
    $('#randomfact').load('randomfact.php');
    $('#getRandFact').click(function() {
        $('#randomfact').fadeOut('slow');
        $('#randomfact').load('randomfact.php');
        $('#randomfact').fadeIn('slow');
    });
    
});

I've noticed a similar problem on another site where the shoutbox uses the same load code..

It seems to be getting cached or something along those lines

Nothing looks out of place to me, although you might try making the .fadein() a callback function to the .load(), like this:

$('#randomfact').load('randomfact.php', function() {
$('#randomfact').fadeIn('slow');
});

Thanks for that.

Hmm.. I still get it .. only IE.. I'm testing on 7

My ex-boss also noted this to me when he went to the page, haha..

Anyone else experience this or have a solution?

Try sending no-cache HTTP headers on the randomfact.php page:

PHP Code:

  <?php
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Date in the past
?>

Hah I knew it.

Absolutely super! Thanks!