[AJAX] Pb de rafraichissement de calques

Pb de rafraichissement de calques [AJAX] - HTML/CSS - Programmation

Marsh Posté le 11-02-2010 à 15:54:35    

Bonjour à tous,

 

Je rencontre un petit soucis lors d'un essai d'un code en Ajax.

 

J'utilise une page html classique avec un div à l'intérieur qui va recevoir les données de l'ajax :

 
Code :
  1. <html>
  3. <head>
  4. <title></title>
  5. <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6. <script language="JavaScript" type="text/javascript" src="points.js">
  7. </script>
  8. <script language=javascript>
  10. setInterval(AddPoints, 5000);
  12. </script>
  13. </head>
  15. <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
  19. <div id="ajax"></div>
  21. </body>
  23. </html>
 

Comme vous pouvez le voir, dans cette page un script javascript est appelé (points.js) qui contient une fonction AddPoints, fonction que je lance sur un intervale de 5 secondes grâce à setInterval(AddPoints, 5000);

 

Voici le contenu du javascript qui va simplement récupérer l'heure + minute + secondes et l'insérer dans le div.

 
Code :
  1. var xmlhttp;
  3. function AddPoints(pts)
  4. {
  5. xmlhttp=GetXmlHttpObject();
  6. if (xmlhttp==null)
  7.  {
  8.  alert ("Browser does not support HTTP Request" );
  9.  return;
  10.  }
  11. var url="points.php";
  12. url=url+"?login="+pts;
  13. xmlhttp.onreadystatechange=pointsChanged;
  14. xmlhttp.open("GET",url,true);
  15. xmlhttp.send(null);
  16. }
  18. function pointsChanged()
  19. {
  20. if (xmlhttp.readyState==4)
  21.  {
  22.  document.getElementById('ajax').innerHTML=xmlhttp.responseText;
  23.  }
  24. }
  26. function GetXmlHttpObject()
  27. {
  28. if (window.XMLHttpRequest)
  29.  {
  30.  // code for IE7+, Firefox, Chrome, Opera, Safari
  31.  return new XMLHttpRequest();
  32.  }
  33. if (window.ActiveXObject)
  34.  {
  35.   // code for IE6, IE5
  36.  return new ActiveXObject("Microsoft.XMLHTTP" );
  37.  }
  38. return null;
  39. }
 

Mon problème est le suivant : Sous firefox, aucun pb, le script se relance toutes les 5 secondes et le nouveau temps est correctement affiché dans le div.

 

Par contre sous Internet explorer 8, la fonction se lance une première fois, mais ensuite l'heure reste fixe et donc ne change plus.

 

J'ai d'abord cru à un dysfonctionnement de la fonction setInterval, puis me suis rendu compte qu'en rafraichissant la page, l'heure restait la même dans le div.

 

J'ai, à ce moment, vider le cache d'ie8 et la, le calque s'est mis à jour.

 

Ce serait donc le cache d'internet explorer qui conserverait les données et donc n'afficherait pas celles envoyées par l'ajax.

 

Quelqu'un sait il si il y a un moyen de contourner ce problème ou si mon script est mal construit ?

 

Merci d'avance.


Message édité par Yaotzyn le 11-02-2010 à 15:56:47
Reply

Marsh Posté le 11-02-2010 à 15:54:35   

Reply

Marsh Posté le 11-02-2010 à 16:12:18    

cache ?  
cf poste juste avant


---------------
Blablaté par Harko
Reply

Marsh Posté le 11-02-2010 à 16:37:58    

En effet,
 
Merci beaucoup.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed