Discussion :

[woodstock1212]

Bonsoir à tous,

J'ai un petit soucis avec cette méthode, elle me parait bien silencieuse, je m'explique : Je fais tourner des html offline avec dedans du JS et de l'ajax qui va faire des requêtes sur un serveur, tout marche nickel, mais si jamais l'utilisateur n'a pas de connexion, ça explose.

J'ai essayé de catcher la ligne mais ça passe tout le temps dedans, même quand il y a une connexion... et apparemment cette méthode de renvoie rien.

Donc que puis-je faire si jamais l'utilisateur n'a pas de connexion ou a un soucis pour lui signaler gentillement sans que la moitié de l'univers s'écroule ?

Merci beaucoup.

La fonction en question (en entier tant qu'à faire) :

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
function sendRequest(params)
{
	var httpRequest = false;
 
	if (window.XMLHttpRequest) {
		httpRequest = new XMLHttpRequest();
		if (httpRequest.overrideMimeType) {
			httpRequest.overrideMimeType('text/xml');
		}
	}
	else if (window.ActiveXObject) {
		try {
			httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			try {
				httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) {}
		}
	}
 
	if (!httpRequest) {
		alert('Abandon :( Impossible de créer une instance XMLHTTP');
		return false;
	}
	httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
 
	httpRequest.open('GET', 'http://mon-url.com/' + params, true);
//		document.getElementById('errorMessage').innerHTML = 'Check your connection !';
 
	httpRequest.send(null);
 
	return true;
}

[emmanuel.remy]

Salut,

Comme ça de prime abord, il semble que tu ne traites pas les événements générés par AJAX lors de l'envoi de la requête.

Code :

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

httpRequest.onreadystatechange = function() { alertContents(httpRequest); };

Tu peux traiter httpRequest.status qui renvoie le code Server de la requete HTTP (200, 404, ...) . Si il est nul ou en dehors des plages habituelles c'est que tu serais en erreur. A tester.

ERE

[woodstock1212]

Hum, mais le problème c'est que ça ne fonctionne pas sur le open, pourtant la méthode n'envoie rien ?!

J'ai fais ça mais bon si ya aucune connexion d'ouverte ... :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
if (httpRequest.status == '200')
	{
		httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
		document.getElementById('errorMessage').innerHTML = httpRequest.status;
		httpRequest.open('GET', 'http://mon-url.com/' + params, true);
		httpRequest.send(null);
	}
	else
	{
		document.getElementById('errorMessage').innerHTML = 'Check your connection !';
		return false;
	}

[andry.aime]

Salut,
Les methodes "open" et "send" doit être en dehors de la fonction appelé par onreadystatechange. Le test du status doit être dans la fonction du onreadystatechange. Tu récupères ensuite le résultat du requête avec httpRequest.responseText ou httpRequest.responseXML.
Tu trouveras les détails ici:
http://siddh.developpez.com/articles/ajax/

[woodstock1212]

Pour le send et le open c'est déjà le cas, j'ai viré le status aussi. Mais je ne vois pas comment faire s'il n'y a pas de connexion, ou plus généralement, catcher les problèmes qu'il pourrait y avoir.

Une idée ? Merci.

[andry.aime]

Salut,

Pour le send et le open c'est déjà le cas, j'ai viré le status aussi

On peut voir?
Tu peux gérer les problèmes qu'il pourrait y avoir avec la valeur de httpRequest.status.
Tu trouveras plus de détails ici:
http://mathieu-lemoine.developpez.co...reponse#LIII-A.

[woodstock1212]

Ben pour l'instant ya rien de spécial :

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
function sendRequest(params)
{
	var httpRequest = false;
 
	if (window.XMLHttpRequest) {
		httpRequest = new XMLHttpRequest();
		if (httpRequest.overrideMimeType) {
			httpRequest.overrideMimeType('text/xml');
		}
	}
	else if (window.ActiveXObject) {
		try {
			httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			try {
				httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) {}
		}
	}
 
	if (!httpRequest) {
		alert('Abandon :( Impossible de créer une instance XMLHTTP');
		return false;
	}
 
	httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
	httpRequest.open('GET', 'http://mon-url.com/test.php' + params, true);
	httpRequest.send(null);
	//document.getElementById('errorMessage').innerHTML = 'Check your connection !';
}
 
function alertContents(httpRequest)
{
	try {
		if (httpRequest.readyState == 4) {
			if (httpRequest.status == 200) {
				//var xmldoc = httpRequest.responseXML;
				document.getElementById('errorMessage').innerHTML = httpRequest.responseText;
				alert(httpRequest.responseText);
				if (httpRequest.responseText != '')
					return false;
				//window.location.href='http://url/';
 
			} else {
				alert('An error occurred during the request.');
			}
		}
	}
	catch( e ) {
		alert("An exception occurred : " + e.description);
	}
	return true;
}

[andry.aime]

Je pense que le try n'est pas utile car il n'y a que de test de valeur à l'intérieur.
Le paramètre "params" doit être de la forme "?var=valeur1&var2=valeur2".
+

Tu peux traiter httpRequest.status qui renvoie le code Server de la requete HTTP (200, 404, ...) . Si il est nul ou en dehors des plages habituelles c'est que tu serais en erreur.

[woodstock1212]

En fait... je viens de voir quelque chose, le readyState reste toujours à 1...

[woodstock1212]

En fait... je viens de voir quelque chose, le readyState reste toujours à 1...

Bon ça j'ai trouvé, j'ai remplacé true par false :

Code :

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

httpRequest.open('GET', 'http://mon-url.com/test.php' + params, true);

Par contre ça braille toujours à cet endroit, je mets un alert avant et après et le deuxième est pas affiché, donc on revient au même point. ^^

[woodstock1212]

Bon ça j'ai trouvé, j'ai remplacé true par false :

Code :

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

httpRequest.open('GET', 'http://mon-url.com/test.php' + params, true);

Par contre ça braille toujours à cet endroit, je mets un alert avant et après et le deuxième est pas affiché, donc on revient au même point. ^^

Décidément je me fais bien la discussion.

J'ai enroulé le open dans du jambon (try/catch) et ça roule.

Donc tout marche, par contre j'ai quand même une question : Comment ça se fait que je sois obligé de désactiver la fonction asynchrone ? (mettre le 3ème argument de open à false)

[DoubleU]

A ta place ce que je ferai:
1/ Déclencher un timeout au lancement de la requete
2/ Quand le timeout expire, tester la valeur du readyState. Les valeurs correspondant à :
* 0 : non initialisé
* 1 : ouverture du transfert
* 2 : données envoyées
* 3 : les données arrivent
* 4 : données arrivées
Si tu n'as pas de connexion, tu ne devrais pas aller plus loin que 1 (ou 2 je sais pas trop, a tester), donc a ce moment tu peux considérer que l'utilisateur n'a pas de connection. Sinon, tu laisses continuer, c'est que la requete prend du temps mais que l'utilisateur est quand meme connecté.