[AJAX] Ajax firefox 3

Version imprimable

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:

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

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

Code:

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

21/05/2009, 01h55
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
21/05/2009, 02h03
emmanuel.remy

Citation:

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
21/05/2009, 02h16
kernigansnotdead

Vu comme ça cela me paraît raisonnable.
Merci beaucoup pour toute ton aide,

knd
21/05/2009, 02h23
emmanuel.remy

Citation:

Envoyé par kernigansnotdead

Vu comme ça cela me paraît raisonnable.
Merci beaucoup pour toute ton aide,

knd

De rien, bonne nuit ;)
Et si tu dois continuer avec AJAX, n'oublie qu'il existe d'excellents tutoriaux sur developpez.com !

Bon dev,

ERE
21/05/2009, 02h34
kernigansnotdead

C'est noté,
Déjà 3:33h ici, bonne nuit à toi aussi;)

knd