Discussion :

[Nebulis]

Bonjour à tous je vous fait part d'un petit soucis que je rencontre avec les requêtes asynchrones !

Tout d'abord je suis débutant alors si j'ai fait une erreur bête ne criez pas trop svp ^^

Alors voila mon problème: Je veux pouvoir gérer un chronomètre en javascript et lancé une requête à partir du nombre de seconde écoulé depuis le départ du chronomètre.Je n'ai rencontré aucun problème en local mais lorsque j'ai demandé a un ami de me le mettre sur son server j'ai eu quelques petit soucis.

Voici le code javascript :

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
 
function applyEffect()
{
	var requester = getRequester();
	requester.onreadystatechange = function() {
		$('parole1').innerHTML = requester.responseText;
	};
	requester.open("GET", "/Musique/test.php?ligne="+secon);
	requester.send(null);
}
 
function getRequester() {
	var result = false;
	if (!result && 'undefined' != typeof XMLHttpRequest) {
		try {
			result = new XMLHttpRequest();
		} catch (e) {
			result = false;
		}
	}
	return result;
} // getRequester
 
var secon = 0;
function chrono(){
	exit=new Date();
	time_dif=(exit.getTime()-enter.getTime())/1000;
	time_dif=Math.round(time_dif);
	secon = time_dif;
	applyEffect();
	compte=setTimeout('chrono()',100);
}
 
function chargement() {
	enter=new Date();
	chrono();
} 
 
Event.observe(window, 'load', chargement);

Voici le code php :

Code :

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

1
2
3
4
<?php
        header('Content-type: text/html; charset=iso-8859-1');
        echo $_GET['ligne'];
?>

Rien de fou il est juste censé m'afficher la valeur que je lui passe. Ca n'a pas l'air utile comme ça mais j'ai préféré réduire le code au problème.

Sur le lien ici ça ne tourne pas rond du tout (je suis censé avoir un affichage clair des secondes qui s'écoulent)... alors que chez moi en local ça marche très bien ...

J'éspère que vous pourrez m'aider

Cordialement

[Bovino]

Code :

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

1
2
3
requester.onreadystatechange = function() {
	$('parole1').innerHTML = requester.responseText;
};

Le problème vient du fait que le readyState change plusieurs fois avant que les données ne soient disponibles. Il faut vérifier la valeur du readyState ainsi que le statut de la page appelée :

Code :

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

1
2
3
4
5
requester.onreadystatechange = function() {
	if(requester.readyState==4 && requester.status==200){
		$('parole1').innerHTML = requester.responseText;
	}
};

[Nebulis]

Code :

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

1
2
3
4
5
6
7
8
9
10
function applyEffect()
{
	var requester = getRequester();
	requester.onreadystatechange = function() {
		if (4 == requester.readyState && 200 == requester.status)
			$('parole1').innerHTML = requester.responseText;
	};
	requester.open("GET", "test.php?ligne="+secon);
	requester.send(null);
}

Oui oui je suis désolé c'est une erreur de ma part lors de l'écriture du code sur le forum ...

Voila si vous avez une autre idée ...

[Bovino]

Si tu as Firebug (d'ailleurs, si tu ne l'as pas, tu devrais l'installer !), tu te rendras compte qu'aucune de tes requêtes ne met moins de 100ms à aboutir (ce qui doit être différent en local, d'où les différences). Or tu appelles une requête toutes les 100ms. Comme le temps de réponse est variable, parfois même très variable, d'autant plus si leur nombre est élevé.
Pour info, en quelques secondes sur ton site, le temps de réponse a été entre environ 200ms et plus de 5s de façon complètement aléatoire.
Donc, tu maitrise l'ordre d'envoi des requêtes mais pas du tout l'ordre de réception des réponses !

[Nebulis]

Oki !! Je comprends ce que tu veux dire

Je vais installer Firebug (j'aurais du le faire avant, pas bien !!) et je vais essayer de maitriser l'ordre de réception des réponses

Je te remercie pour l'aide que tu m'as apporté

Cordialement