[AJAX] Parsing d'un XML, lapin komprÿ ...

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 Page Suivante Page Précédente Bas de page
Auteur	Sujet : [AJAX] Parsing d'un XML, lapin komprÿ ...

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

'Swar

Je me mets doucement à l'AJAX, en tentant de faire un premier script qui récupèrerais dans une base de données contenant des commentaires de photos le dernier commentaire afin de l'afficher sur une page. Cependant, j'ai _un peu_ de mal pour faire le parser de XML en JavaScript ...

Tout d'abord, ma page PHP chargée de récupérer le dernier commentaire fonctionne bien, le XML renvoyé ressemble à ça :

<?xml version="1.0"?>
<exemple>
<commentaires>
<table>commentaires</table>
<nom>Cricri</nom>
<date>1165841476</date>
<photo>d10.diapo_bouffe_cricri19</photo>
<comment>C'est un peu ?a sauf que c'est l'inverse</comment>
</commentaires>
</exemple>

Yeehaa. Voici le code de la fonction de parsing :

Code :

function test01IsBack()
{
if (_xmlHttp.readyState==4)
{
var docXML= _xmlHttp.responseXML.documentElement;
alert(_xmlHttp.responseText);
var comroot = docXML.getElementsByTagName("commentaires" )[0];
alert(comroot.length);
var nameNode = comroot.getElementsByTagName("nom" )[0];
var name = comroot.childNode[0].nodeValue;
alert(name);
// document.getElementById("test" ).innerHTML=_xmlHttp.responseText;
// var lenom = docXML.getElementsByTagName("table" );
// var latable = docXML.getElementsByTagName("table" );
alert ("test" );
// alert (lenom);
// alert (table);
}
}

Alors. Sous IE ou Firefox, le premier "alert" m'affiche bien le XML reçu. Ensuite, IE me rapporte une erreur sur la ligne suivante : "'null' a la valeur Null (ah bon ? [:a_bon] ) ou n'est pas un objet" et s'arrête. Côté Firefox, cette ligne passe, puis le second "alert" (donc, selon moi, le nombre d'enfants de <commentaires> ) me donne "11" (?!). Pour les 2, le reste n'est pas exécuté. J'ai fait quoi qui va pas ? Ca fait 2 jours que je suis dessus, chaque page Google me donne une manière différente de faire, je sais plus quoi faire, je vous en prie, HFR, vous êtes mon seul espoir ... :cry:

A+

Publicité

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

ben up, quoi

flo850

moi je

pourquoi tu fais docXML= _xmlHttp.responseXML.documentElement;?

moi je fais docXML= _xmlHttp.responseXML;

anapajari

s/travail/glanding on hfr/gs;

nan y'a confondage surtout...

le responseXML c'est pas un objet DOM tu peux donc pas taper dedans comme ça!!!
Il faut que tu construises un objet à partir du flux reçu, et là biensur ça se complique car FF et IE divergent (:o) sur la syntaxe.
Pour IE il faut faire:

Code :

docXML = new ActiveXObject("Microsoft.XMLDOM" );
docXML.loadXML(xmlString);

et pour gecko

Code :

docXML = document.implementation.createDocument('', rootNodeName, null);
docXML = (new DOMParser()).parseFromString(xmlString,"text/xml" );

Et tu as bien remarqué que "implementation" necessite un rootNode en plus alors que XMLDOM non

Message cité 1 fois

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

anapajari a écrit :

Code :

docXML = new ActiveXObject("Microsoft.XMLDOM" );
docXML.loadXML(xmlString);

et pour gecko

Code :

docXML = document.implementation.createDocument('', rootNodeName, null);
docXML = (new DOMParser()).parseFromString(xmlString,"text/xml" );

Et tu as bien remarqué que "implementation" necessite un rootNode en plus alors que XMLDOM non

certes :jap:

mais ce que je ne comprend pas, c'est comment un script comme le III-a de cette page peut fonctionner, car il ne met pas en oeuvre d'objet DOM ?!

anapajari

s/travail/glanding on hfr/gs;

euh alors en fait j'ai raconté nawak j'étais à l'ouet et je parlais de responseText vu que c'était ce qu'il y avait dans ton 1er post.
xmlResponse renvoie bien un objet XML utilisable directement via le DOM .

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

donc, problème non résolu :'(

des idées, les gens ?

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

flo850

moi je

tu as testé ce que je t'ai dis ?

Message cité 1 fois

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

flo850 a écrit :

tu as testé ce que je t'ai dis ?

désolé, j'avais pas vu ta réponse

Si je retire le "documentElement", IE m'affiche le premier alert, puis me donne une erreur à la ligne du second alert : "Objet requis".

Publicité

masklinn

í dag viðrar vel til loftárása

responseXML est un document XML, utiliser documentElement n'a pas d'intérêt
Vérifier qu'il n'y a pas eu d'erreur de parsing de ton XML par contre, si tu affiches le responseXML.firstChild et que ça te dit "parseerror" (sous Firefox en tout cas) c'est que ton XML était mal formé et n'a pas pu être parsé
Accessoirement je vois pas trop comment tu peux trouver la longueur d'une node XML, ça a pas vraiment de sens
childNodes prend un S, parce qu'il y en a plusieurs, de nodes enfant, la pluspart du temps
anapajari est un gros mauvais

Message cité 2 fois
Message édité par masklinn le 17-12-2006 à 21:36:01

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

masklinn a écrit :

responseXML est un document XML, utiliser documentElement n'a pas d'intérêt
Vérifier qu'il n'y a pas eu d'erreur de parsing de ton XML par contre, si tu affiches le responseXML.firstChild et que ça te dit "parseerror" (sous Firefox en tout cas) c'est que ton XML était mal formé et n'a pas pu être parsé
Accessoirement je vois pas trop comment tu peux trouver la longueur d'une node XML, ça a pas vraiment de sens
childNodes prend un S, parce qu'il y en a plusieurs, de nodes enfant, la pluspart du temps
anapajari est un gros mauvais

ah d'accord
Firefox m'affiche "[object Element]" à l'affichage de responseXML.firstChild, donc pas de parse error à priori.
je débute, je patauge un peu dans ce concept de nodes, de chlid, etc. ...
certes du coup, IE m'indique "'null' a la valeur Null ou n'est pas un objet" pour la ligne :

var nameNode = comroot.getElementsByTagName("nom" )[0];

je retiens

Message édité par MossieurPropre le 17-12-2006 à 21:45:05

masklinn

í dag viðrar vel til loftárása

Sous firefox, tu devrais installer et apprendre à utiliser Firebug, j'pense que ça t'aiderait pas mal.

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

merci bien, je vais regarder ça de plus près :jap:

masklinn

í dag viðrar vel til loftárása

Pour le moment, tu devrais commencer par Logging, c'est l'une des fondations de Firebug et l'une de ses grandes forces.

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

ça m'a l'air vachement bien foutu comme truc, je pense que ça devrait m'aider. Je reviendrais poster mes résultats, ça pourrait servir à d'autres :jap:

anapajari

s/travail/glanding on hfr/gs;

masklinn a écrit :

anapajari est un gros mauvais

[:grinking] disons que sur ce coup là, j'ai bien raconté nawak

towak

C'est la guerre des Titans, ici...

Par hasard, moi aussi je tente de mettre un place un parcing d'un XML par JavaScript :pt1cable:

C'est un bazard, je vous en épargne... Je suis débutant...
Mais currieusement, j'ai découvert sur net quelque chose, qui pour une fois marche dans Safari et pas ailleurs ! Il est ici :
http://www.aliasdmc.fr/coursjavas/ [...] pt166.html
Puis ici, il ya quelque chose qui a l'air d'être claire et simple, mais je n'ai pas réussi de le faire marcher sur aucun exporateur sur Mac :
http://www.ccim.be/ccim328/xml/xsl_javascript.html

Peut-être il ne manque à chaque fois qu'un petit quelque chose ?

J'ai une idée : quelqu'un serait capable de publier un petit ensemble html - javascript - xml qui marcherait de partout ? Le premier qui réussi aura la récompense de... On pourrait se cotiser :whistle:

Si non, au moins, ça vous inspire de commentaires ? (Ces deux exemples...)

A++

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

moi, je comprends plus ...

Voici un bout de mon code, en fait les premières lignes de ma fonction de parsing du XML :

if (_xmlHttp.readyState==4 && _xmlHttp.status == 200)
{
var docXML = _xmlHttp.responseXML;
alert(docXML.childNodes.length);

Et là, Firefox, Safari me donnent "1" pour l'alert, le script continue donc et fonctionne bien ; alors que IE me donne "0" et ne va pas plus loin ...

Pour rappel, voici le XML généré :

<exemple>
<commentaires>
<table>commentaires</table>
<nom>Cricri</nom>
<date>1165841476</date>
<photo>d10.diapo_bouffe_cricri19</photo>
<comment>C'est un peu ça sauf que c'est l'inverse</comment>
</commentaires>
</exemple>

Bien évidemment, dans mon fichier PHP chargé de le générer, on trouve ceci :

header('Content-Type: text/xml');

Le problème ne venant donc pas d'un type MIME erroné. Mais d'où, alors ?

Message édité par MossieurPropre le 19-12-2006 à 22:18:12

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

up du mercredi matin ?

anapajari

s/travail/glanding on hfr/gs;

ajax c'est toujours la merde à debugger
Donc juste avec ce que tu as donné ça va pas être facile!
Sur IE tu es sur d'avoir un retour ? ou même d'avoir bien effectué ton appel?

Message cité 2 fois

sircam

I Like Trains

anapajari a écrit :

ajax c'est toujours la merde ~~à debugger~~

[:moundir]

---------------
Now Playing: {SYNTAX ERROR AT LINE 1210}

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

anapajari a écrit :

ajax c'est toujours la merde à debugger
Donc juste avec ce que tu as donné ça va pas être facile!
Sur IE tu es sur d'avoir un retour ? ou même d'avoir bien effectué ton appel?

alert (_xmlHttp.responseText);

m'affiche bien le contenu XML généré par PHP, donc à priori, le retour semble être bon

Message cité 1 fois

anapajari

s/travail/glanding on hfr/gs;

si tu fais un alert(_xmlHttp.responseText.rootNode.tagName); t'as bien exemple?

Message cité 1 fois

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

anapajari a écrit :

si tu fais un alert(_xmlHttp.responseText.rootNode.tagName); t'as bien exemple?

FF semble bloquer dessus, IE ne me met pas d'erreur à cette ligne, mais ne va pas plus loin.

J'ai tenté de modifier mon script PHP générateur de XML, en mettant des "\n" à la fin de chacune des lignes XML générée. Voyant que ça ne marche pas trop sous FF pour la suite de mon parsing, j'ai retiré ces modifications. Et maintenant, là où tout passe avec FF, IE m'indique un _xmlHttp.responseXML.childNodes.length égal à 2 ... :heink:

masklinn

í dag viðrar vel til loftárása

MossieurPropre a écrit :

alert (_xmlHttp.responseText);

m'affiche bien le contenu XML généré par PHP, donc à priori, le retour semble être bon

En même temps responseText on s'en fout, il est trivial d'avoir un responseText mais pas de responseXML

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

personne ?

anapajari

s/travail/glanding on hfr/gs;

envoies tout le code(php+js) sinon on s'en sortira pas ...

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

wokay !

JS/HTML :

Code :

<!--
-- AJAX Test 1
--
-- Aurélien Christman - 2006
--
-- Récupère les dernières entrées du livre d'or et des commentaires
-- de http://cecilou.proprenetworks.net et les affiche.
-- Notez que ceci est une page HTML, et non PHP.
--
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>AJAX Test 01 ::</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<script type="text/javascript">
_xmlHttp = null;
var mouseState = 0;
var xpos = 0;
var ypos = 0;
var definedID = 0;
function getXMLHTTP() {
var xhr=null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP" );
} catch(e) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP" );
} catch(e1) {
xhr = null;
}
}
}
else
{ // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
}
return xhr;
}
function test01()
{
/* if (_xmlHttp&&_xmlHttp.readyState!=0) {
_xmlHttp.abord();
}*/
_xmlHttp=getXMLHTTP();
//on définit l'appel de la fonction au retour serveur
_xmlHttp.onreadystatechange = function() { test01IsBack(); };
document.getElementById("message" ).className="attente_on";
_xmlHttp.open("GET", "http://mp.proprenetworks.net/AJAX/test01.php", true);
_xmlHttp.send(null);
}
function test01IsBack()
{
if (_xmlHttp.readyState==4 && _xmlHttp.status == 200)
{
var docXML = _xmlHttp.responseXML;
alert (_xmlHttp.responseText);
// alert (_xmlHttp.responseText.rootNode.tagName);
alert(docXML.childNodes.length);
var comroot = docXML.firstChild.firstChild.childNodes;
var nom = comroot[1].firstChild.nodeValue;
var date = comroot[2].firstChild.nodeValue;
var com = comroot[4].firstChild.nodeValue;
var dateMsg = new Date;
dateMsg.setTime(date);
var lastRefresh = new Date;
var msgMonth = dateMsg.getUTCMonth();
msgMonth++;
document.getElementById("message" ).className="attente_off";
document.getElementById("lrDate" ).innerHTML="Dernier rafraichissement : " + lastRefresh.getHours() + "H" + lastRefresh.getMinutes() + ":" + lastRefresh.getSeconds() + "    <input type = \"button\" onClick=\"test01();\" value = \"Rafraichir\">";
document.getElementById("et" ).innerHTML="<b>Dernier commentaire par " + nom + " le " + dateMsg.getUTCDate() + "/" + msgMonth + "/" + dateMsg.getUTCFullYear() + " à " + dateMsg.getUTCHours() + ":" + dateMsg.getUTCMinutes() + ":" + dateMsg.getUTCSeconds() + "</b>";
document.getElementById("crps" ).innerHTML=com;
}
}
function mouseDefineID(id) {
definedID = id;
}
function mouseDown() {
mouseState = definedID;
}
function mouseUp() {
mouseState = 0;
definedID = 0;
}
function mouseMove() {
document.onmousemove = captureMousePosition;
var posx = xpos + "px;"
var posy = ypos + "px;"
if (mouseState == 1) {
// document.getElementById("aff" ).style.left = posx;
// document.getElementById("aff" ).style.top = posy;
} else if (mouseState == 2) {
//alert (posx);
// document.getElementById("aff2" ).style.left = posx;
// document.getElementById("aff2" ).style.top = posy;
}
}
function captureMousePosition(e) {
// xpos = e.pageX;
// ypos = e.pageY;
document.getElementById("pos" ).innerHTML="x : " + xpos + "px. | y : " + ypos + "px; | mouseState : " + mouseState + " | aff2 x, y : " + document.getElementById("aff2" ).style.left + ", " + document.getElementById("aff2" ).style.top;
}
</script>
<body onMouseUp="javascript:mouseUp();" onMouseDown="javascript:mouseDown();" onMouseMove="javascript:mouseMove();">
<div class="upbar">
<div id="lrDate">
Initialisation ...
</div>
<div id="pos">
</div>
</div>
<div class="affichage" id="aff" style="top: 100px; left: 50px;">
<div class="entete" id="et" onMouseDown="mouseDefineID(1);">
<b>Dernier commentaire</b>
</div>
<div class="corps" id="crps">
</div>
</div>
<div class="affichage" id="aff2" style="top: 100px; left: 500px;">
<div class="entete" id="et" onMouseDown="mouseDefineID(2);">
<b>Test2</b>
</div>
<div class="corps" id="crps">
Yeehaa.
</div>
</div>
<div class="attente_off" id="message">Veuillez patienter...</div>
<script type="text/javascript">test01();</script>
</body>
</html>

pas mal de bordel autour de tout ça, j'en profite pour faire des tests (notemment les déplacement de div à la souris)

CSS (même si on s'en fout) :

* {
font-family: Verdana;
font-size : 12px;
}

.affichage {
position: absolute;
width: 400px;
height: 200px;
background-color: #ffefd4;
}

.entete {
background-color: #fcd083;
}

.upbar {
background-color: #aaaaaa;
width: 100%;
}

.attente_off {
visibility: hidden;
position: absolute;
left: 75px;
top: 75px;
width: 200px;
height: 40px;
}

.attente_on {
position: absolute;
left: 75px;
top: 75px;
visibility: visible;
font-size : 10px;
font-family: Verdana;
border-style: solid;
border-color: #000000;
width: 300px;
height: 40px;
background-color: #FF0000;
text-align: center;
}

PHP :

Code :

<?php
/*
* AJAX Test 1
* Aurélien Christman - 2006
*
* Annexe à test01.html
*
*/
header('Content-Type: text/xml');
echo "<?xml version=\"1.0\" encoding=\"iso-8859-15\"?>";
echo "<exemple>";
echo "<commentaires>";
$connect = mysql_connect ("localhost", "******", "******" );
$db = mysql_query ("USE cecilou;" );
$get_last_post = mysql_query ("SELECT * FROM commentaires ORDER BY date DESC LIMIT 0, 1;" );
$last_post_user = mysql_result ($get_last_post, 0, login);
$last_post_date = mysql_result ($get_last_post, 0, date);
$last_post_photo = mysql_result ($get_last_post, 0, nom_photo);
$last_post_comment = mysql_result ($get_last_post, 0, comment);
echo "<table>commentaires</table>";
echo "<nom>$last_post_user</nom>";
$date = str_replace ("\n", "", $last_post_date);
echo "<date>$date</date>";
echo "<photo>$last_post_photo</photo>";
echo "<comment>$last_post_comment</comment>";
echo "</commentaires>";
echo "</exemple>";
?>

en espérant que ça puisse aider

anapajari

s/travail/glanding on hfr/gs;

tiens remplace juste ton initialisation de comroot par:

Code :

var comroot = docXML.getElementsByTagName('exemple').item(0).getElementsByTagName('commentaires').item(0).childNodes;

et ça devrait roulèze.

Par ailleurs les commentaires dans une page html avant le doctype c'est pas une bonne idée!
et _xmlHttp = null; meriterait un petit var devant!

Message cité 1 fois
Message édité par anapajari le 22-12-2006 à 10:46:50

MossieurPropre

I d͟o̩n᷃'̵t͖ give a shit

anapajari a écrit :

tiens remplace juste ton initialisation de comroot par:

Code :

var comroot = docXML.getElementsByTagName('exemple').item(0).getElementsByTagName('commentaires').item(0).childNodes;

et ça devrait roulèze.

Par ailleurs les commentaires dans une page html avant le doctype c'est pas une bonne idée!
et _xmlHttp = null; meriterait un petit var devant!

en effet, ça roulaize, merci beaucoup :jap:

Mais dans mon esprit, faire

Code :

docXML.getElementsByTagName('exemple')

revient à la même chose que faire

Code :

docXML.firstChild

Où est la différence ?

---------------
www.novemberguitars.com

krovomi

Bonjour, j'ai le meme probleme mais moi quand je fais un alert de
docXML.getElementsByTagName('films').item(0).getElementsByTagName('film').item(0).childNodes;

en adaptant a mon XML, il me fait un "object nodelist", alors que j'aimerai simplement la liste des films (pour mon exemple).

par contre quand je fais un : alert(xmlhttp.responseXML.getElementsByTagName('films').item(0).getElementsByTagName('film').length)), il me sort bien le nombre de films qui se trouvent dans le fichier xml.

Merci

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

krovomi a écrit :

getElementsByTagName (et childNodes) sortent une liste de node, si tu veux afficher ce qu'il y a dedans il faut l'extraire manuellement [:spamafote]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

krovomi

et comment on fait ? (je suis un newbi en DOM).
Tu veux dire avec une boucle ou un truc comme ca ?
Si par exemple je veux afficher seulement le 31 eme film, comment je procède au niveau du code ?
Merci

Message édité par krovomi le 27-02-2007 à 10:07:50

anapajari

s/travail/glanding on hfr/gs;

bin c'est un tableau, donc on s'en sert comme d'un tableau
tu peux jeter un oeil sur la la doc des fois ça aide [:tinostar]

krovomi

hummm mouais mais ca ne me dit pas comment faire pour afficher une valeur ca...

anapajari

s/travail/glanding on hfr/gs;

gné [:w3c compliant]
Tu as un exemple de boucle sur la récupération des différents node de liste remontée par un getElementsByTagName.
Que veux-tu de plus?

krovomi

j'ai ca : xmlhttp.responseXML.getElementsByTagName('films').item(0).getElementsByTagName('film').childNodes[1].getAttribute("titre" ), et lorsque je fait un alert de ca, je devrais si je ne me trompe pas(je me trompe forcemment vu que ca ne l'affiche pas) afficher le titre du premier film.
Mon XML a cette architechture :
<films>
<film id="CO284853" titre="10 Canoës, 150 lances et 3 épouses"/>
<film id="CO278917" titre="12 h 08 à l'est de Bucarest"/>
<film id="CO192322" titre="2046"/>
.....
</films>,
ce que je voudrais comprendre c'est simplement pourquoi il ne va pas chercher le titre de mon film, apres je vois comment le faire dans une boucle ca n'est pas le probleme...

Message cité 1 fois

krovomi

personne ne sait ?

Publicité

Page : 1 2

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

[AJAX] Parsing d'un XML, lapin komprÿ ...

Sujets relatifs
[AJAX]Return dans un onreadystatechange	Erreur AJAX, besoin de vous pour tester !
Raffraichir 2 calques en Ajax ?	[RESOLU] [AJAX] probleme d'envoi d'un "+" par POST
Mettre à disposition du XML dynamiquement (et comment le lire)	XML : interface entre applis et SGBD ?
XML document à partir d'une string	Parser un fichier XML en PHP
Petit topo sur les Frameworks AJAX	problème de 'quote' dan sune syntaxe XML
Plus de sujets relatifs à : [AJAX] Parsing d'un XML, lapin komprÿ ...

Page générée en 0.158 secondes