Comment ça marche ajax.onreadystatechange

**muppetshow** · 10/12/2009, 17h27

Bonjour

Sur ce poste http://www.developpez.net/forums/d54...ce-javascript/ j'ai découvert une méthode pour interroger un site web.

Par contre, je suis maintenant comme une poule qui a trouvé un couteau.
je n'arrive pas à récupérer les valeurs une fois la réponse reçue. Je ne peux voir le contenu que dans la function où je récupère la valeur, si j'obtiens systématiquement Undifined

Il doit surement y avoir une grosse bétise mais

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
	<script language="JavaScript">
 
	var ajax = null;
	var reponse = new Array();
 
	var browser = navigator.appName;
	if (browser == "Microsoft Internet Explorer")
		 { ajax = new ActiveXObject("Microsoft.XMLHTTP"); }
	else { ajax = new XMLHttpRequest(); }
	var reponse = new Array();
 
	function recevoirReponse(){
		switch(ajax.readyState) {
			case 0:
			case 1:      	//ouverture de la communication
					break;
			case 2:        	//envoi de la requête
					break;
			case 3:         //réception des données
					break;
			case 4:
				//données arrivées
				//ajax.status contient 200, 404, ...
				//ajax.statusText contient OK, NOT FOUND, ...
				reponse["texte"] = ajax.responseText;
				reponse["status"] = ajax.status;
				reponse["statusTexte"] = ajax.statusText;
 
			break;	
		}
	}	
 
	function requeteGet (SiteWeb) {
		ajax.open('get', SiteWeb);
		ajax.onreadystatechange = recevoirReponse;
		ajax.send(null);
		alert (reponse["statusTexte"]);
	}
     </script>

que j'appelle comme ça pour le moment dans mon body

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<body>
	<h1>Bonjour</h1>
 
	<script language="JavaScript">
		requeteGet ("http://www.google.fr");
	</script>
 
</body>
</html>

Si je mets mon alert dans la fonction recevoirreponse, tout va bien !
Pourtant mes variables sont à priori bien déclarées ???

Comprends pô

D'avance merci

**SpaceFrog** · 10/12/2009, 17h30

ton alert mets le dans la fonction que tu appelles sur le status 4 ...

**muppetshow** · 10/12/2009, 18h45

Merci

C'est bien ça mon problème, je voudrais pouvoir stocker une trace du résultat pour pouvoir l'utiliser après et je n'y arrive pas.

je voudrais faire une fonction qui me permette de confirmer ou non la disponibilité d'un site web ?

Y a pas un moyen pour garder une variable globale ?

**Bovino** · 10/12/2009, 19h34

Envoyé par muppetshow

Y a pas un moyen pour garder une variable globale ?

Oui, en la déclarant dans le contexte global ou avec :

Code :

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

window.mavariable = mavaleur;

dans le contexte d'une fonction.

En revanche, là où ce que tu veux n'est pas possible, c'est plutôt :

Code :

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

requeteGet ("http://www.google.fr");

Fais une recherche sur le Same Origin Policy...

**muppetshow** · 10/12/2009, 21h48

Merci Bovino,

Il me semblait que ma variable reponse était déclarée en globale et de ce fait pouvait recevoir une valeur n'importe où dans mon code ???

Pour la deuxième partie de ta réponse, j'ai pas tout compris

Mais bon, je vais fouiller ...

Merci

**muppetshow** · 11/12/2009, 10h43

je ne comprends pas ????
J'ai l'impression que ma variable se comporte comme un bon vieux pointeur de ma jeunesse, qui change d'état en même temps que la variable ?
Ca correspond à ça ?

Mes variables sont bien définies dans mon head et rien n'y fait

Voici mon dernier source complet de test si jamais il y avait une grosse connerie que je ne voyais pas.

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
60
61
62
63
64
65
66
67
 
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>test</title>
 
	<script language="JavaScript">
 
	var ajax = null;
	var reponse = new Array();
 
	var browser = navigator.appName;
	if (browser == "Microsoft Internet Explorer")
		 { ajax = new ActiveXObject("Microsoft.XMLHTTP"); }
	else { ajax = new XMLHttpRequest(); }
 
	function recevoirReponse(){
		switch(ajax.readyState) {
			case 0:
			case 1:      	//ouverture de la communication
					break;
			case 2:        	//envoi de la requête
					break;
			case 3:         //réception des données
					break;
			case 4:
				//données arrivées
				//ajax.status contient 200, 404, ...
				//ajax.statusText contient OK, NOT FOUND, ...
				reponse["status"] = (ajax.statusText == "OK");
				// reponse["status"] = ajax.status;
				// reponse["statusTexte"] = ajax.statusText;
				// reponse["texte"] = ajax.responseText;
 
 
			break;	
		}
	}	
 
	function requeteGet (SiteWeb) {
		ajax.open('get', SiteWeb);
		ajax.onreadystatechange = recevoirReponse;
		ajax.send(null);
		alert (reponse["status"]);
	}
 
 
	function siteOK () {
		var text = "cats make great pets for the home";
		if (text.indexOf("pet") > -1) {
			alert("We have a match!"); }
		else { alert("No match found."); }
	}
 
          </script>
 
</head>
 
<body>
	<h1>Bonjour</h1>
 
	<script language="JavaScript">
		requeteGet ("http://www.google.fr");
	</script>
 
</body>
</html>

D'avance merci.

**Bovino** · 11/12/2009, 10h59

Code :

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

1
2
3
4
5
6
function requeteGet (SiteWeb) {
		ajax.open('get', SiteWeb);
		ajax.onreadystatechange = recevoirReponse;
		ajax.send(null);
		alert (reponse["status"]);
	}

Tu fais une requête asynchrone, donc lorsque tu fais le alert, la réponse n'est pas encore arrivée et la valeur n'a donc pas pu être mise à jour

D'où :

Envoyé par SaceFrog

ton alert mets le dans la fonction que tu appelles sur le status 4 ...

Autre détail :

Code :

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

var reponse = new Array();

Les tableaux associatifs n'existent pas en JavaScript, tableau n'est donc pas un Array mais un Object.

Code :

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

var reponse = {};

**muppetshow** · 11/12/2009, 13h24

Merci beaucoup Bovino,
Ca y est, moi avoir compris ... j'étais comme Mr Jourdain

Par contre je suis étonné parce que mes tableaux fonctionnent bien comme je faisais avant

merci pour l'info quand même

J'ai donc corrigé, ça fonctionne mais pour un seul.
J'ai essayé avec des tableaux un peu dans tous les sens, je n'arrive pas à enchainer les vérifs et récupérer les résultats respectifs (je fais un moniteur de disponibilité sur un lan avec machines, fichiers, serveurs web etc).

J'ai aussi essayé en synchrone, et là j'obtiens un erreur accès refusé lors de mon 2nd passage sur ma ligne

Code :

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

ajax.send(null)

dans la fonction suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function checkSiteWeb (urlAChecker) {
	var ajax = null;
 
	if (browser == "Microsoft Internet Explorer")
		{ ajax = new ActiveXObject("Microsoft.XMLHTTP"); }
	else { ajax = new XMLHttpRequest(); }
 
	ajax.open ("GET", urlAChecker, false);
	ajax.send(null);
	return ((ajax.readyState == 4) && (ajax.statusText) == "OK");
	}