2010-06-25 4 views
7

Je travaille avec un joli petit Jquery qui charge automatiquement et rafraîchit un div toutes les secondes bla bla. Fonctionne parfaitement sur tous les navigateurs puis je charge IE et bang quelle surprise pas de chance! :(Chargement automatique et rafraîchissement Div toutes les 10 secondes avec jQuery

Index.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#load').load('reload.php').fadeIn("slow"); 
}, 10000); // refresh every 10000 milliseconds 

<body> 
<div id="load"> </div> 
</body> 

</script> 

reload.php

<? 

echo time(); //just a timestamp example.. 

?> 

Les gars idées?

Répondre

7

Ajouter une valeur aléatoire à la fin de l'URL pour éviter la mise en cache .. Ce devrait résoudre votre problème ex: $('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");

+0

wow nice! devrait être venu ici après la première heure en essayant de comprendre – Webby

+0

ou utiliser la fonction $ .ajax() de jquery avec le cache: false, mais pourrait être un peu exagéré. Mais je vous recommande fortement d'envoyer des en-têtes http dans reload.php, qui "désactivent" la mise en cache. – user375700

4

Essayez de fermer votre balise de script avant h aving votre étiquette de corps.

<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/ 
libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#load').load('reload.php').fadeIn("slow"); 
}, 10000); // refresh every 10000 milliseconds 

</script> 
</head> 

<body> 
<div id="load"> </div> 
</body> 
0
body {text-align:center; background-image: url('http://cdn3.crunchify.com/wp- content/uploads/2013/03/Crunchify.bg_.300.png')} 


    $(document).ready(function() { 
     auto_refresh(); 
    }); 
    function auto_refresh(){ 
     var randomnumber = Math.floor(Math.random() * 100); 
     $('#show').text('I am getting refreshed every 3 seconds..! Random Number ==> '+ randomnumber); 
    } 
    var refreshId = setInterval(auto_refresh, 1000); 
Questions connexes