Discussion :

[fouliou23]

Salut !

Je m'adresse à vous experts dans le domaine, j'ai un problème concernant l'actualisation automatique d'une div sous les versions d'Internet Explorer =< 9, en effet j'ai une div qui est censé s'actualiser toutes les 3 secondes comprenant le nombre d'utilisateurs en temps réels d'une application, tout cela se fait à l'aide d'un fichier Json qui récupère les valeurs en temps réels et l'affichage se fait sur un site web (en cours de construction), Sur les principaux navigateurs ( Chrome, Mozilla, IE10 et +...) ça marche très bien mais sur IE =< 9 les valeurs ne sont pas actualiser automatiquement et ça a tendance à garder la valeur initial meme après l'actualisation de la page à la main...

D'avance merci pour votre aide

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
var counter = 0;
window.setInterval("refreshDiv()", 6000);
function refreshDiv(){
  var req = false;
  // For Safari, Firefox, and other non-MS browsers
  if (window.XMLHttpRequest) {
    try {
      req = new XMLHttpRequest();
    } catch (e) {
      req = false;
    }
  } else if (window.ActiveXObject) {
    // For Internet Explorer on Windows
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        req = false;
      }
    }
  }
  req.open('GET', "readcpt.php?id=1", false);
  req.send(null);
  document.getElementById("cpt").innerHTML = req.responseText + " kW";
  var elm = document.getElementById("cpt");
  var newOne = elm.cloneNode(true);
  elm.parentNode.replaceChild(newOne, elm);
  req.open('GET', "readcpt.php?id=3", false);
  req.send(null);
  document.getElementById("cpt3").innerHTML = req.responseText + " kW";
  var elm3 = document.getElementById("cpt3");
  var newOne3 = elm3.cloneNode(true);
  elm3.parentNode.replaceChild(newOne3, elm3);
 req.open('GET', "readcptmax.php?id=4", false);
 req.send(null);
 document.getElementById("cpt2").innerHTML = req.responseText ;
 var elm2 = document.getElementById("cpt2");
 var newOne2 = elm2.cloneNode(true);
 elm2.parentNode.replaceChild(newOne2, elm2);
 req.open('GET', "readcptmax.php?id=6", false);
 req.send(null);
 document.getElementById("cpt4").innerHTML = req.responseText ;
 var elm4 = document.getElementById("cpt4");
 var newOne4 = elm4.cloneNode(true);
 elm4.parentNode.replaceChild(newOne4, elm4);
 req.open('GET', "readcptmax.php?id=1", false);
 req.send(null);
 document.getElementById("cpt5").innerHTML = req.responseText + " kW";
 var elm5 = document.getElementById("cpt5");
 var newOne5 = elm5.cloneNode(true);
 elm5.parentNode.replaceChild(newOne5, elm5);
 req.open('GET', "readcptmax.php?id=3", false);
 req.send(null);
 document.getElementById("cpt6").innerHTML = req.responseText + " kW";
 var elm6 = document.getElementById("cpt6");
 var newOne6 = elm6.cloneNode(true);
 elm6.parentNode.replaceChild(newOne6, elm6);

[sekaijin]

Relis la doc sur Ajax et les callback.
Mets (quasi) tout ce que tu as fai à la poubelle et refais le en suivant les règles.

On pourrait chercher à retoucher ici ou là ton code mais c'est dans le principe qui est faux.

Une fois que tu auras un appel ajax correct un simple timer permettra d'actualiser ton contenu automatiquement.

A+JYT

[NoSmoking]

Bonjour,
pourquoi ne pas limiter les appels, même URL, et de faire un retour sous forme d'un objet JSON, ensuite pour IE ne serait ce pas un problème de cache ?

Pourquoi mon xhr ne se met pas à jour (problème de cache) ?

PS: suit le conseil de sekaijin et factorise .