Discussion :

[simonlaurent5000]

Salut à tous !!

Voilà je suis début en ajax ! Et j'ai trouvé un script tout frais tout chaud sur le net qui permet de rafraichir un div toutes les x secondes afin que plusieurs utilisateurs sur la même page puissent voir les modifications en temps réel !

Ca fonctionne nickel mais quelque chose m'embête, j'ai l'impression que l'appel de xmlHttp.open ouvre une seconde fois ma page et je me retrouve avec 2 fois les mêmes informations :/ 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
 <script>
function Ajax(){
var xmlHttp;
	try{	
		xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
	}
	catch (e){
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
		}
		catch (e){
		    try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				alert("No AJAX!?");
				return false;
			}
		}
	}
 
 
xmlHttp.onreadystatechange=function(){
	if(xmlHttp.readyState==4){
		document.getElementById('colonnes').innerHTML=xmlHttp.responseText;
 
	}
}
xmlHttp.open("POST","encodage.php?annee=2011-2012&periode=13&page=1",false);
xmlHttp.send(null);
}
 
window.onload=function(){
	setTimeout('Ajax()',1000);
}
</script>

Merci à tous !!

[andry.aime]

Bonjour,

Tu as passé les variables en URL donc la méthode GET est plus appropriée.
Tu travaille en mode synchrone, donc tu n'as pas besoin d'une fonction callback pour l'évènement onreadystatechange.

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
 
<script>
function Ajax(){
var xmlHttp;
	try{	
		xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
	}
	catch (e){
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
		}
		catch (e){
		    try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				alert("No AJAX!?");
				return false;
			}
		}
	}
 
xmlHttp.open("GET","encodage.php?annee=2011-2012&periode=13&page=1",false);
xmlHttp.send(null);
document.getElementById('colonnes').innerHTML=xmlHttp.responseText;
}
 
window.onload=function(){
	setTimeout('Ajax()',1000);
}
</script>

A+.

[Invité]

Whaou !
Super simple et tu peux même économiser

Code :

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

1
2
3
4
5
 
window.onload=function(){
	setTimeout('Ajax()',1000);
}
</script>

EN

Code :

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

1
2
3
 
setTimeout('Ajax()',1000);
</script>

Mais a ce sujet, pourquoi même mettre une fonction
puisqu'appelé une seule fois
Tu mets le code directe ...
A++
Christele

[andry.aime]

@christele_r, ces deux codes que tu nous files sont différents. Avec le premier code, la fonction AJAX est appelée 1 sec après le la page soit chargée. Avec le second, la fonction est appelée 1 sec directement après l'appel du setTimeout; il se peut que la page ne soit pas encore chargé; et ça dépend aussi de son emplacement.

A+.

[andry.aime]

Mais a ce sujet, pourquoi même mettre une fonction
puisqu'appelé une seule fois
Tu mets le code directe ...

C'est bien organisé de le mettre dans une fonction, ça facilite la lecture du code et la maintenance. Imagine seulement si du jour au lendemain, il aurai plusieurs instructions de centaines de lignes balancées en vrac dans un fichier sans les organiser.

[Invité]

Bonjour andry.aime
Oui, c'est vrais, juste ma vieille de mettre mes Jajascript toujour en bas
de mes codes et donc le onload devient inutil !
Mais tu as raison... je chipotait un peut

Bonne journée
Christele

[simonlaurent5000]

@andré merci de ton aide mais toujours le même problème =(

J'ai vraiment l'impression que ce bout d'ajax ".open( .... " ouvre une seconde fois la page déjà ouverte par dessus comme si j'avais 2 fois la même chose superposée mais en décalage c'est vraiment pas beau

[andry.aime]

Voilà je suis début en ajax ! Et j'ai trouvé un script tout frais tout chaud sur le net qui permet de rafraichir un div toutes les x secondes afin que plusieurs utilisateurs sur la même page puissent voir les modifications en temps réel

C'est un peu bizarre parce que setTimeout n'appelle qu'une seule fois la fonction en paramètre.

Ca fonctionne nickel mais quelque chose m'embête, j'ai l'impression que l'appel de xmlHttp.open ouvre une seconde fois ma page et je me retrouve avec 2 fois les mêmes informations

La page qui est ouvert est encodage.php et c'est aussi la page appelée via AJAX?

[simonlaurent5000]

Enfait j'ai une page encodage.php et en fonction de l'année en cours, la période que les professeurs choisissent, il y a des paramètres en $_GET

Maintenant dans ma page encodage.php je fais appel à une page fonction.php qui content la fonction d'encodage des points sinon j'allais me retrouver avec des pages de 3.000.000 de lignes de codes. -> je fais au début de ma page encodage.php include(fonction.php);

Ce fameux div colonnes se trouve dans la gestion de la fonction


Mais c'est vraiment bizarre parce qu'il fait vraiment bien la synchronisation des données en temps réel mais j'ai vraiment ce soucis comme si toutes les données se retrouvaient 2 fois (même chose pour mon header ... )


Je pencherais plûtot à un problème d'emplacement de mon appel ajax qu'un problème au niveau du code car après 1 semaine de recherche on se retrouve av les mêmes lignes de code pour un rafraichissement de div.

Bàt

Merci bcp

[andry.aime]

Peut-on voir le code HTML généré qui fait appel à la fonction AJAX et les codes php appelés?

A+.

[Bovino]

J'imagine que la page appelée par ta requête renvoie une page HTML complète. Ce qui est une très mauvaise façon de procéder !
D'une part, insérer une page complète dans un élément HTML n'est pas autorisé et est susceptible de perturber sérieusement l'affichage, d'autre part, si tu ne souhaites modifier qu'une partie de la page, et bien c'est logique de ne récupérer que le contenu de cette partie !

Mais bon, tout ce la, c'est le B.A.BA d'AJAX...