Discussion :

[Cartman.inc]

Bonjour à tous,

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

script :

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
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 :

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
<?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,

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]

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 :

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

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 :

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

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 :

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
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 :

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

var url = "le_dossier/dvd.xml";

A+