[AJAX] Soucis avec xhr_object.status !

Version imprimable

J'essaie d'utiliser une fonction JavaScript/Ajax dans ma ptite appli mais j'ai un problème.
J'ai réécris une version simplifiée pour voir si je n'avais pas fait une erreur mais même la ça ne fonctionne pas

Voici mon code

test.html

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
 
<script type="text/javascript" language="javascript">
function faire_ajax(url)
	{
	var xhr_object = false;
	if (window.XMLHttpRequest)
		{ // Mozilla, Safari,...
		xhr_object = new XMLHttpRequest();
		if (xhr_object.overrideMimeType)
			{
			xhr_object.overrideMimeType('text/xml'); // Voir la note ci-dessous à propos de cette ligne
			} 
		}
	else if (window.ActiveXObject)
		{ // IE
		try 
			{ 
			xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
			}
		catch (e)
			{
			try { xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); } 
			catch (e) {} 
			} 
		}
	if (!xhr_object)
		{
		alert('Abandon :( Impossible de créer une instance XMLHTTP');
		return false;
		}
 
	xhr_object.onreadystatechange = function()
		{
		alertContents(xhr_object);
		};
 
	xhr_object.open('GET', url, true);
	xhr_object.send(null); 
	}
 
function alertContents(xhr_object)
	{
	if (xhr_object.readyState == 4)
		{
		if (xhr_object.status == 200)
			{
			alert(xhr_object.responseText);
			}
		else
			{ 
			alert('Code erreur ' + xhr_object.status);
			}
		} 
	}
</script>
 
<span style="cursor: pointer; text-decoration: underline" onclick="faire_ajax('fichier.html')"> Effectuer une requête </span>

fichier.html

Code:

1
2
3
4
5
6
 
<html>
	<body>
		<h1>Ca marche !</h1>
	</body>
</html>

Mon soucis est que le xhr_object n'est jamais dans le bon état et me renvoi toujours le code d'erreur et je ne vois pas pourquoi.

Le code d'erreur renvoyé par Firefox est "0" et sous IE rien ne s'ouvre ...

Si quelqu'un peut me donner un coups de patte ce serait sympa.

Merci à tous

17/04/2010, 14h21
Bovino
xhr_object fait partie du contexte de la fonction appelante, le callback en héritera donc, pas besoin de le passer en paramètre, essaye comme ça :
Code:

1 2 3 xhr_object.onreadystatechange = alertContents; ... function alertContents(){...}
20/04/2010, 14h16
Bullit84

Je débute en AJax et je suis désolé mais je n'ai pas compris ce que tu me suggères de faire ...
20/04/2010, 14h27
E.Bzz

Bonjour,

Citation:

Envoyé par Bullit84

je n'ai pas compris ce que tu me suggères de faire ...

un simple copié/collé, en remplacement de ces même lignes dans ton code ;)

A+

J'ai modifié ce que tu m'as dit mais j'ai dut faire une connerie parce que ca ne marche toujours pas ...

c'est sensé être comme ?

test.html:

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
 
<script type="text/javascript" language="javascript">
function faire_ajax(url)
	{
	var xhr_object = false;
	if (window.XMLHttpRequest)
		{ // Mozilla, Safari,...
		xhr_object = new XMLHttpRequest();
		if (xhr_object.overrideMimeType)
			{
			xhr_object.overrideMimeType('text/xml'); // Voir la note ci-dessous à propos de cette ligne
			} 
		}
	else if (window.ActiveXObject)
		{ // IE
		try 
			{ 
			xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
			}
		catch (e)
			{
			try { xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); } 
			catch (e) {} 
			} 
		}
	if (!xhr_object)
		{
		alert('Abandon :( Impossible de créer une instance XMLHTTP');
		return false;
		}
 
	xhr_object.onreadystatechange = alertContents;
 
	xhr_object.open('GET', url, true);
	xhr_object.send(null); 
	}
 
function alertContents()
	{
	if (xhr_object.readyState == 4)
		{
		if (xhr_object.status == 200)
			{
			alert(xhr_object.responseText);
			}
		else
			{ 
			alert('Code erreur ' + xhr_object.status);
			}
		} 
	}
</script>
 
<span style="cursor: pointer; text-decoration: underline" onclick="faire_ajax('fichier.html')"> Effectuer une requête </span>

20/04/2010, 15h46
E.Bzz

Oui, je pense que c'est ce qu'indiquait Bovino ...

As-tu essayé d'enlever l'affichage du xhr_object.status dans le alert() ?
(en ne gardant qu'un message "en dur")

A+
20/04/2010, 15h50
Bullit84

Avec un document.write() ?

Si oui ca ne change rien, quand je clique sur l'appel il ne se passe rien et le console d'erreur de firefox me renvoi "xhr_object is not defined"
20/04/2010, 16h14
E.Bzz

Heu ... non : sans document.wrtite() :aie:
Juste

Code:

alert('Code erreur KO');

A+
20/04/2010, 16h45
Bullit84

Ca change rien ...
20/04/2010, 16h58
E.Bzz

Citation:

Envoyé par Bullit84

Ca change rien ...

Si : ton code :mrgreen:

Tu as toujours le message "xhr_object is not defined" ?

Sinon, pourquoi l'initialiser à false ?
Déclare le simplement ...

Sinon quand le serveur répond, tu vois le responseText dans l'alert() ?

A+
20/04/2010, 17h08
Bullit84

Je vais laisser tomber ça devient trop compliqué pour moi

Merci quand même
20/04/2010, 17h12
E.Bzz

Ben qu'est-ce que j'ai dit de si terrible ? :calim2:

Je te suggère juste

Code:

var xhr_object;

Le message d'erreur c'est toi qui l'a signalé : l'as-tu toujours ?

Et l'alert(xhr_object.responseText) il est dans ton code : as-tu déjà vue la réponse s'afficher ?

Elle sont pas compliquées mes questions, si ? :mrgreen:

A+
20/04/2010, 17h19
Bullit84

Je n'ai plus le message d'erreur

Pour xhr_object.responseText je n'ai pas vu la réponse s'afficher ...
20/04/2010, 17h21
Bullit84

et la console firefox me dis que xhr_object est pas défini
20/04/2010, 17h26
Bullit84

j'ai trouvé le soucis ...

En fait le xhr_object était déclaré en locale pour la fonction "faire_ajax()", je l'ai initialisée en globale et ca fonctionne. J'ai bien le contenu de mon fichier qui s'affiche dans le "alert"

Merci à toi
20/04/2010, 17h27
E.Bzz

EDIT : OK.

J'allais te le proposer, bien que ça ne semblait pas nécessaire :koi:

A+