[AJAX] Ajax firefox 3

**kernigansnotdead** · 21/05/2009, 01h00

Bonjour,

voila, j'utilise ajax sur mon site(php) afin de recharger un div dynamiquement tous les X secondes.
Dans le div je fais juste un echo de la date et de l'heure, et :

sur IE 7, tout fonctionne impécablement, meme si je règle SetTimeout à 1000 ms, l'heure se met à jour sans que la page saute ou quoi que ce soit, tout est parfait.

Sur Firefox 3....
La page saute(effet visuel de sautillement) ensuite le l'affiche de l'heure paraît bizzare, comme s'il y avait un chevauchement entre date() de php et les fonctions javascript appelées, et ensuite la l'affichage de la date s'éclaircie, Firefox d'enmêle les pinceaux et le processor donne l'impression de prendre de la vitesse.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<html>
<head>
<script type="text/javascript">
function Ajax(){
	var xmlHttp;
	if (window.XMLHttpRequest){xmlHttp=new XMLHttpRequest();}
	else if (window.ActiveXObject){xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}
	else{alert("Your browser does not support XMLHTTP!");}
 
	xmlHttp.onreadystatechange=function(){document.getElementById('my_div').innerHTML=xmlHttp.responseText;setTimeout('Ajax()',5000);}
	xmlHttp.open("GET","fichier.php"+ "?random=" + Math.random(),true);
	//xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.send(null); 
}
window.onload=function(){setTimeout('Ajax()',5000);}
</script>
 
</head>
<body>
 
<div id="my_div">
<?php
$now2=date("Y-m-d H:i:s");
echo $now2;
?>
</div>
 
 
</body>
</html>

Y'a t'il quelquechose qui ne va pas dans mon code?

Merci pour vôtre aide,
knd

**emmanuel.remy** · 21/05/2009, 01h38

Salut,
Il faut tester les codes de retour car sinon c'est une mise à jour erronée qui a lieu.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
xmlHttp.onreadystatechange=function(){
    if (xmlHttp.readyState == 4) {
        if (xmlHttp.status == 200) {
            document.getElementById('my_div').innerHTML=xmlHttp.responseText;
            setTimeout('Ajax()',5000);
        }
        else {
            alert("Erreur HTTP");
        }
    }
  };

ERE

**kernigansnotdead** · 21/05/2009, 01h55

Effectivement, ça marche parfaitement sur Firefox 3 et même sur google chrome. Donc merci beaucoup pour ton aide.

Je me demandais par ailleurs, quand je règle le timeout à 1 ms, tout fonctionne parfaitement bien, mais est-ce que cela ne risque pas de créer des problèmes? surtout si le code qui est raffraîchit attaque lui même une base mysql par un select.

knd

**emmanuel.remy** · 21/05/2009, 02h03

Envoyé par kernigansnotdead

Effectivement, ça marche parfaitement sur Firefox 3 et même sur google chrome. Donc merci beaucoup pour ton aide.

Je me demandais par ailleurs, quand je règle le timeout à 1 ms, tout fonctionne parfaitement bien, mais est-ce que cela ne risque pas de créer des problèmes? surtout si le code qui est raffraîchit attaque lui même une base mysql par un select.
knd

Il faut faire preuve de raison: le script fait l'aller-retour avec le server,et les temps d'accès en local sont différents de ceux à distance. Donc une exécution d'au moins 1 à 5 secondes est logique.

Bon dev,

ERE