[AJAX] readyState bloque a 1 sur Chrome et pas sur Firefox

Version imprimable

12/05/2009, 09h58
phenix4

[AJAX] readyState bloque a 1 sur Chrome et pas sur Firefox

Bonjour a toutes ( :aie:) et a tous ;)

Je vous explique mon problème, je fait de l'AJAX asynchrone de tel façont:
- Un code .php qui tourne en boucle (while(true) ) et qui écoute sur une socket ce que lui dis un programme serveur distant. Une fois qu'il l'a lus et traité il l'affiche (echo "message"; ).

- Un code Javascript qui met en place l'AJAX asynchrone et qui boucle toute les secondes pour afficher le résultat.

Le programme php ne se terminant jamais, bien évidament je n'attendrais jamais le readyState 4. Je me contente d'actualisé la réponse lorsqu'il y a eu du changement (au readyState 3).

Sur firefox tout marche nikel, on commence par du readyState 1 puis on passe très vite au readyState 3 et on met a jour la réponse.

Sur Chrome là c'est une autre histoire ... il bloque au readyState 1 sans passé au 3 quand le php a afficher quelquechose. Et le plus troublant c'est que quand j'arrete mon serveur, le php le detecte (socket invalide) et fait un break; qui provoque l'affichage de tous les messages, readyState passant directement à 4. Dans le php aprés chaque echo je fait un flush.

Je ne comprend vraiment pas pourquoi sous Firefox ca marche et pas sous Chrome ... :(
J'espère avoir été clair, si vous avez besoin du code je le posterais.

ps: sous IE ca ne marche pas du tout il me met un message de debug ... mais ça c'est une autre histoire.
13/05/2009, 09h44
phenix4

J'ai un peut avancé sur le problème et apparament ca viendrais d'une option de sécurité car sur un autre Firefox, le readyState reste également bloqué a 1 ...
Le problème reste a savoir quel option es-ce ? :aie::aie::aie:
13/05/2009, 09h53
andry.aime

Salut,
si le reayState reste à 1, c'est à dire qu'il est encours de chargement, ça pourrais être du à une boucle infinie.
14/05/2009, 10h29
phenix4

Non non, il reste a 1 a cause du navigateur, sur le firefox avec lequel je répond la il arrive jusqu'a 3 et permet la lecture asynchrone ... Je ne comprend vraiment pas :cry:
14/05/2009, 11h11
RomainVALERI

Citation:

Envoyé par phenix4

J'espère avoir été clair, si vous avez besoin du code je le posterais.

Je crois qu'on en est là ^^
(montre-nous notamment la partie JS)

alors voila le code :

Code:

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
function getXhr() {
	var xhr = null;
 
	//firefox
    if (window.XMLHttpRequest) { 
		xhr = new XMLHttpRequest();
    }
 
	//ie
    else if (window.ActiveXObject) {
		try {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch (e) { 
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		}
	}
 
	//non supporté
	else {  
		alert("Fonction non supportée par le navigateur"); 
		xhr = false; 
	}
 
	return (xhr);
}
 
function reception()
{
	var xhr_object = getXhr();
	var div = document.getElementById('content');
 
 
	var method   = "POST";
	var filename = "receptionc.php";
	var requete  = "pseudo=" + document.getElementById("pseudo").value+ "&dept="+document.getElementById("dept").value
					+ "&entrep="+document.getElementById("entrep").value+ "&date=" + escape(new Date());
	var taille = 0; //Le nombre de caractères déjà reçus
 
	var update = function()
	{
		//alert("readyState : "+xhr_object.readyState + "\n et réponse : "+xhr_object.responseText);
		var reponse;
		if(xhr_object.readyState == 3 && xhr_object.responseText.length > taille)
		{
			taille = xhr_object.responseText.length;
			reponse = xhr_object.responseText;
			document.getElementById("content").innerHTML = reponse;
			div.scrollTop = div.scrollHeight;
		}
 
		setTimeout(update,1000); //Se relance toute les XXX ms
	};//function()
	update();
 
	xhr_object.open(method, filename, true);
 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhr_object.setRequestHeader("Cache-Control","no-cache");
 
	xhr_object.send(requete);
 
}

et le bout du code php qui tourne en boucle ( je vous met que la partie avec des echos, le reste étant des traitement)

Code:

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
while (true)
{
/ ...
    if ($code == 2)
    {
	 echo "<font color=\"red\">$pseudo : </font><br /><font color=\"orange\">#$pseudo#</font><br />";
	 $_SESSION['pseudo']=$pseudo;
	 $pseudo ="Serveur";	
    }
    if ($pseudo == $_SESSION['pseudo'])
    {
	 echo "<font color=\"red\">$pseudo : <br />$message<br /></font>";
    }
    else
    {
	  echo "<font color=\"grey\">$pseudo : <br />$message<br /></font>";
    }
 
    flush();
}
// si la socket genere une erreur car le serveur est éteind
else
{
	echo "Le serveur a été éteint";
	break;
}

15/05/2009, 09h59
RomainVALERI

Ma suggestion est peut-être naïve, mais ça ne coute rien ^^
>>> est-ce que tu ne pourrais pas te passer de la partie de ton test qui examine le readyState ?
Tu mettrais à jour uniquement à partir d'une certaine length dans ton responseText... à tester éventuellement si ce n'est déjà fait : même si ce n'est pas tellement standard, ton cas d'utilisation ne l'est pas non plus donc il faut bien ruser... 8-)
15/05/2009, 16h41
phenix4

Non je ne peut pas m'en passer car le code que j'ai mis là est juste la partie "utile" pour l'AJAX, sinon dedans je traite le retour d'une certaine façon en modifiant des choses.

Mais le problème ne vient même pas de là puisqu'en fait, il ne reçoit rien du tout comme ce serais le cas normalement ... Donc avec ou sans, le problème reste le même, l'AJAX ne renvoi rien tant qu'il n'est pas arrivé a un état terminé ...
19/05/2009, 17h04
phenix4

J'ai vraiment cherché partout, les différent framework autour de l'AJAX ( prototype, ...) mais rien n'y fait je ne comprend pas, j'ai installé toute les verssion de chrome existante pour voir, mais rien ...

HELP ME :calim2::calim2: