[AJAX] Rafraichir les données automatiquement

**thecatz** · 08/02/2013, 15h03

Bonjour,
J'ai une nouvelle question, cette fois ci sur le rafraichissement de données une fois celles ci récupérées en Ajax.

je range le resultat de ma demande ajax dans une variable MonAjax : "MonAjax.responseText;" Cette réponse fait appel à un fichier php qui contient une valeur qui change toutes les minutes. Et donc j'aimerais faire en sorte que la réponse ajax affiche cette valeur sans avoir besoin de faire F5 .

J'ai essayé de mettre un setInterval mais cela n'a aucun effet.
Voici le code complet au cas où :

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
 
<html>
<head>
 <script src="js/gauge.js" type="text/javascript" language="javascript"></script>
 
<script type='text/JavaScript'>
 
 
function maFonctionAjax()
{
  var MonAjax;
  if (window.XMLHttpRequest)
  {
    // Mozilla, Safari, ...
    MonAjax = new XMLHttpRequest();
  }
  else if (window.ActiveXObject)
  {
    // IE
    MonAjax = new ActiveXObject('Microsoft.XMLHTTP');
  }
  else
  {
    alert("Votre navigateur n'est pas adapté pour faire des requêtes AJAX...");
    MonAjax = false;
  }
 
  MonAjax.onreadystatechange = function()
  {
    if (MonAjax.readyState == 4 && MonAjax.status == 200)
    {
 
	  document.getElementById("ma_div").innerHTML = MonAjax.responseText;
    }
  };
 
  MonAjax.open('GET',"compt.php",true);
 
  MonAjax.send(null);
}
 
maFonctionAjax();
 
window.onload = function(){setInterval("refresh",1000)};
		</script>
 
</head>
 
<body>
		<div id="ma_div"></div>
		<canvas id="nbr" width="200" height="120"></canvas>
 
	</body>
 
</html>

Merci

**Bovino** · 08/02/2013, 15h15

Code :

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

window.onload = function(){setInterval("refresh",1000)};

Encore une fois, un peu de lecture : Les fonctions de rappel (callback) ou les utilisations cachées de eval()

Ca pourrait t'être utile de chercher un peu avant de poster...

**thecatz** · 08/02/2013, 15h22

Merci, je ne savais pas que cela se nommait comme ça, je vais donc lire la documentation.

**Bovino** · 08/02/2013, 15h30

Certes, mais se renseigner sur la syntaxe de setTimeout() aurait dû être ton premier réflexe avant de poster...

**thecatz** · 08/02/2013, 15h54

Voici mon raisonnement : SetTimeout indique un délai avant exécution et setInterval déclenche une opération à intervalles réguliers . Donc vu que je recherche a rafraichir automatiquement ma valeur je dois bien utiliser setInterval. J'ai donc lu la documentation, j'ai pas trop tout compris mais dans mon cas je devrait utiliser cette syntaxe

Code :

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

setInterval(maFonction, délai);

et donc ici je souhaite déclencher maFonctionAjax toutes les x secondes pour quelles s’exécute et donc afficher la nouvelle valeur.
Donc j'ai écris

Code :

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

window.onload = function(){setInterval(maFonctionAjax(),1000)};

Mais bien sur cela ne marche pas.

**thecatz** · 08/02/2013, 16h15

J'ai fini par trouver tout seul :

Code :

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

 setInterval('maFonctionAjax()', 1000)

Avec les balises codes !!!

[AJAX] Rafraichir les données automatiquement

AJAX

Vue hybride

Discussions similaires

Partager

Partager