xhr.status = 0

[Cartman.inc]

Bonjour à tous,

j'ai un problème avec AJAX et je ne sais pas d'ou cela peut provenir :

script :

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
64
<script type="text/javascript">
 
			var xhr = false;
 
			function test() {
 
				alert(xhr);
				if (window.XMLHttpRequest)
				{
		 			xhr = new XMLHttpRequest();
					if (xhr.overrideMimeType) 
					{
						xhr.overrideMimeType('text/xml');
					}
				} 
				else if (window.ActiveXObject) 
				{
					try {
						xhr = new ActiveXObject("Msxml2.XMLHTTP");
					} catch (e)
					{
						try {
							xhr = new ActiveXObject("Microsoft.XMLHTTP");
						} catch (e) {}
					}
			    }
 
				var url = "dvd.xml";
 
				xhr.onreadystatechange = handleHttpResponse;
				xhr.open("GET", url, true);
				xhr.setRequestHeader("Content-type:text/plain", "charset=UTF-8");
 
				xhr.send(null);
 
			}
 
			function handleHttpResponse() {
 
			    if(xhr.readyState == 4 && xhr.status == 200) {
 
			        response     = cleanXML(xhr.responseXML.documentElement);
 
					var items    = response.getElementsByTagName("item");
					var html     = ''; 
 
					count        = items.length;
					for(i = 0; i < count; i++) { 
					    html += '<div class="item">';
					    html += '<h1>' + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + '</h1>';
					    html += '<div class="author">R&eacute;alisateur : ';
					    html += items[i].getElementsByTagName("director")[0].firstChild.nodeValue + '</div>';
					    html += '<div class="price">Prix : ';
					    html += items[i].getElementsByTagName("price")[0].firstChild.nodeValue + ' €</div>';
					    html += '</div>';
					}
					document.getElementById('content').innerHTML += html;
			    }
				else {
					alert('status:' + xhr.status);
				}
			}
 
		</script>

dvd.xml :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?xml version="1.0" encoding="utf-8"?>
<dvd>    
    <item>
        <title>Princesse Mononoké</title>
        <director>Hayao Miyazaki</director>
        <price>14,99</price>
    </item>
    <item>
        <title>Mon voisin Totoro</title>
        <director>Hayao Miyazaki</director>
        <price>19,99</price>
    </item>
    <item>
        <title>Blood, The Last Vampire</title>
        <director>Hiroyuki Kitakubo</director>
        <price>11,99</price>
    </item>
</dvd>

Quand j'execute le script, l'erreur provient du xhr.status qui est égal à 0.
Est-ce que quelqu'un à déjà rencontré ce problème ?

Merci d'avance.

[E.Bzz]

Bonjour,

Envoyé par Cartman.inc

Quand j'execute le script, l'erreur provient du xhr.status qui est égal à 0.

es-tu sûr que ce n'est pas justement ton alert() qui bloque le traitement ?
As-tu essayé de l'enlever ?

A+

[Cartman.inc]

Oui, j'en suis sur car je l'ai justement rajouter pour voir l'état du status parce que je n'avais aucun résultat.

[E.Bzz]

Envoyé par Cartman.inc

Oui, j'en suis sur car je l'ai justement rajouter pour voir l'état du status parce que je n'avais aucun résultat.

Ce n'était pas forcément ça le problème

Par contre, un alert() bloque le script (donc ton Ajax) et risque de masquer la vraie erreur, voire d'en ajouter d'autres.
Pour des tests, il serait préférable de faire

Code :

1
2
3
				else {
					document.write('status:' + xhr.status + '<br />');
				}

pour ne pas bloquer le script, et voir ainsi les l'enchaînement des réponses reçues de la requête ...

EDIT : de plus, "aucun résultat" veut-il dire que l'affichage prévu n'a pas fonctionné ou que tu n'as rien reçu du serveur ?
As-tu testé

Code :

1
2
3
			    if(xhr.readyState == 4 && xhr.status == 200) {
			        alert(xhr.responseXML);
			        response     = cleanXML(xhr.responseXML.documentElement);

(ici encore, en enlevant l'alert() du statut)

A+

[Cartman.inc]

voici le code corrigé :

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
function handleHttpResponse() {
 
			    if(xhr.readyState == 4 && xhr.status == 200) {
			        document.write(xhr.responseXML);
			        response     = cleanXML(xhr.responseXML.documentElement);
 
					var items    = response.getElementsByTagName("item");
					var html     = ''; 
 
					count        = items.length;
					for(i = 0; i < count; i++) { 
					    html += '<div class="item">';
					    html += '<h1>' + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + '</h1>';
					    html += '<div class="author">R&eacute;alisateur : ';
					    html += items[i].getElementsByTagName("director")[0].firstChild.nodeValue + '</div>';
					    html += '<div class="price">Prix : ';
					    html += items[i].getElementsByTagName("price")[0].firstChild.nodeValue + ' €</div>';
					    html += '</div>';
					}
					document.getElementById('content').innerHTML += html;
			    }
				else {
					document.write('status:' + xhr.status + '<br />');
				}
			}

et ca m'affiche

status:0

J'ai oublié de préciser que je n'avais aucun serveur. C'est une page de test dans un dossier mais je ne pense pas que ça peut venir de là, non ?

[E.Bzz]

... donc tu ne récupères pas ton fichier dvd.xml ?

C'est une page de test dans un dossier

Il est bien dans le même répertoire que la page quand même ?
Sinon

Code :

var url = "le_dossier/dvd.xml";

A+

[Cartman.inc]

bien sur, le fichier index.html et le fichier dvd.xml sont dans le même dossier.

[E.Bzz]

Envoyé par Cartman.inc

bien sur, le fichier index.html et le fichier dvd.xml sont dans le même dossier.

Et

Code :

document.write(xhr.responseXML);

ne t'affiche pas son contenu ?


En le tapant directement dans la barre d'adresse, tu le vois (le contenu) ?

A+

[Cartman.inc]

oui :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 <?xml version="1.0" encoding="utf-8" ?> 
- <dvd>
- <item>
  <title>Princesse Mononoke</title> 
  <director>Hayao Miyazaki</director> 
  <price>14,99</price> 
  </item>
- <item>
  <title>Mon voisin Totoro</title> 
  <director>Hayao Miyazaki</director> 
  <price>19,99</price> 
  </item>
- <item>
  <title>Blood, The Last Vampire</title> 
  <director>Hiroyuki Kitakubo</director> 
  <price>11,99</price> 
  </item>
  </dvd>

et j'ai toujours la même chose :

status:0