[AJAX] Le code s'arrête à xhr_object.readyState = 3

**jerem_orga** · 26/11/2010, 10h50

Bonjour,

J'ai un problème pour afficher mes données avec AJAX : j'ai l'impression que mon traitement se bloque quand xhr_object.readyState = 3.

Chose étrange mon traitement fonctionne bien sur FIREFOX V2,
mais pas sur Chrome ni sur IE.
Ce problème vous parle t il ?

Voici mon code :

Fichier HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
<script type="text/javascript" src="code_js.js"></script>
</head>
<BODY onLoad="Chargement('pseudobox3');" >
 
	<div class=text id="pseudobox3"></div>
 
</body>
</html>

Fichier JS :

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
 
function Chargement(f) {
 
		var xhr_object = null;
 
		if(window.XMLHttpRequest) // Firefox
			xhr_object = new XMLHttpRequest();
		else if(window.ActiveXObject) // Internet Explorer
			xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
		else { // XMLHttpRequest non supporté par le navigateur
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
			return;
		}
 
		alert(f);
 
		xhr_object.open("POST", "load-data.php", true);
 
		xhr_object.onreadystatechange = function anonymous() {
			if(xhr_object.readyState == 4)
				{
				eval(xhr_object.responseText);
				alert(xhr_object.responseText); 
				writediv(xhr_object.responseText,f);
				}
                           else
				{alert(xhr_object.readyState); }
		}
 
		xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		var data = "form="+f.name+"&select=list1";
		xhr_object.send(data);
 
}

**Bovino** · 26/11/2010, 10h56

Code :

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

var data = "form="+f.name+"&select=list1";

C'est quoi exactement f.name ???

**jerem_orga** · 26/11/2010, 11h23

Code :

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

>>>>var data = "form="+f.name+"&select=list1";

Dans ce cas, les valeurs envoyées ne correspondent pas au fichier html présenté,
et ne sont pas exploitées par le fichier PHP.

Sinon,
il semblerait que je me sois trompé, le alert(xhr_object.readyState); me renvoie "4",
mais n'affiche pas le contenu du résultat de ma requête sur Chrome, IE et la dernière version de FireFox.

**Bovino** · 26/11/2010, 11h44

Envoyé par Bovino

C'est quoi exactement f.name ???

D'où ma question

Je serais très étonné que f.name corresponde à quoi que ce soit !

**RomainVALERI** · 26/11/2010, 12h03

Envoyé par Bovino

Je serais très étonné que f.name corresponde à quoi que ce soit !

+1

@jerem_orga : ton paramètre f ne contient qu'une chaine ("pseudobox3" dans ton exemple). Tu essaies ensuite d'accéder à une supposée propriété name de cette chaine...

?
Si c'est à la div que tu veux accéder, fais un getElementById sur ton paramètre f, mais je ne vois toujours pas le rapport avec name

Au final, que veux-tu envoyer comme paramètre form quand tu fais ton appel ajax ? (en gros, qu'attend le serveur de l'autre cote ? un nom de formulaire ?)

**jerem_orga** · 26/11/2010, 12h15

Tout d'abord merci pour vos réponses.

Excusez moi je vous ai induit en erreur avec cette ligne (que j'ai finalement mise en commentaire ... cf code ci dessous).
Dans l'exemple présenté, j'ai allégé au max le code et supprimé toute notion de formulaire.

Et au final, le alert(xhr_object.readyState); me renvoie 4.
---> et la table de données s'affiche dans FireFox V2.
---> mais ne s'affiche pas dans Chrome, IE

Donc au final, mon code JS resemble à ça :

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
 
function Chargement(f) {
 
		var xhr_object = null;
 
		if(window.XMLHttpRequest) // Firefox
			xhr_object = new XMLHttpRequest();
		else if(window.ActiveXObject) // Internet Explorer
			xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
		else { // XMLHttpRequest non supporté par le navigateur
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
			return;
		}
 
		//alert(f);
 
		xhr_object.open("POST", "load-data.php", true);
 
		xhr_object.onreadystatechange = function anonymous() {
			if(xhr_object.readyState == 4)
				{
				alert(xhr_object.readyState);
				eval(xhr_object.responseText);
				alert(xhr_object.responseText); 
				writediv(xhr_object.responseText,f);
				}
				//else
				//{alert(xhr_object.readyState); }
		}
 
		xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		//var data = "form="+f.name+"&select=list1";
		var data = "";
		xhr_object.send(data);
 
}

Et mon fichier PHP (load-data.php) appelé :

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
 
<?
header('Content-type: text/html; charset=iso-8859-1');
 
$mysql_db = @mysql_connect("localhost", "root", "");
@mysql_select_db("base_test");
 
$query = "select Code1, Code2 ";
$query .= " from ... ";
$query .= " where  ... ";
//$query .= " limit 5 ";
 
$result = @mysql_query($query);
$cpt = mysql_affected_rows();
 
Echo "<table>";
Echo "<tr align='center'><td><strong>Lib 1</strong></td><td><strong>Lib 2</strong></td></tr>";
 
for ($i = 0; $i < $cpt; $i++) 
		{
			$Code1 = mysql_result($result,$i,"Code1");
			$Code2 = mysql_result($result,$i,"Code2");
 
			echo "<tr><td>$Code1</td><td align='center'>$Code2</td></tr>";
 
		}
echo "</table>";	
 
@mysql_close($mysql_db);
?>

**Bovino** · 26/11/2010, 12h25

Code :

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

1
2
3
xhr_object.onreadystatechange = function anonymous() {
...
}

Code :

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

1
2
3
xhr_object.onreadystatechange = function () {
...
}

**jerem_orga** · 26/11/2010, 12h35

Je ne comprends pas trop...
et d'ailleurs ça veut dire quoi "function anonymous() " ?

En fait je suis sur une piste :

Je me rends compte que je n'arrive à afficher qu'une seule donnée depuis mon fichier PHP.
Si je laisse des ECHO comme ça, IE n'affiche rien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
Echo "<table>";
Echo "<tr align='center'><td><strong>Lib 1</strong></td><td><strong>Lib 2</strong></td></tr>";
 
for ($i = 0; $i < $cpt; $i++) 
		{
			$Code1 = mysql_result($result,$i,"Code1");
			$Code2 = mysql_result($result,$i,"Code2");
 
			echo "<tr><td>$Code1</td><td align='center'>$Code2</td></tr>";
 
		}
echo "</table>";

En revanche, si j'affiche ça, là ça marche :

Code :

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

echo $Code1

Ca, ça ne marche pas non plus :

Code :

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

echo "$Code1 - $Code1";

Mais alors comment faire pour afficher une table de données ?

Et le pb n'arrive qu'avec IE, CHROME et les dernières version de FireForx (la version FireForx V2 sur laquelle je me trouve actuellement accepte d'afficher la table)