jQuery XML parsing avec des espaces de noms

Je l'ai eu.

S'avère qu'il exige \\ pour échapper à la virgule.

$.get(xmlPath, {}, function(xml) {
    $("rs\\:data", xml).find("z\\:row").each(function(i) {
        alert("found zrow");
    });
}, "xml");

Riches comme l'a souligné:

La meilleure solution ne nécessite pas de s'échapper et fonctionne sur tous les "modernes" navigateurs:

.find("[nodeName=z:row]")

Si vous utilisez jquery 1.5, vous devrez ajouter des guillemets autour du nœud sélecteur de valeur d'attribut pour le faire fonctionner:

.find('[nodeName="z:row"]')

Dans le cas où quelqu'un doit faire ce sans jQuery, juste avec Javascript normale, et pour Google Chrome (webkit), c'est le seul moyen que j'ai trouvé pour le faire fonctionner après beaucoup de recherches et de tests.

parentNode.getElementsByTagNameNS("*", "name");

Qui va travailler pour récupérer le nœud suivant: <prefix:name>. Comme vous pouvez le voir le préfixe ou un espace de noms est omis, et il va faire correspondre les éléments avec des espaces de noms différents à condition que le nom de la balise est name. Mais j'espère que ce ne sera pas un problème pour vous.

Rien de tout cela a fonctionné pour moi (je développe un Google Chrome extension):

getElementsByTagNameNS("prefix", "name")

getElementsByTagName("prefix:name")

getElementsByTagName("prefix\\:name")

getElementsByTagName("name")

Modifier: après quelques heures de sommeil, j'ai trouvé un travail solution de contournement 🙂 Cette fonction renvoie le premier nœud correspondant à un plein nodeName comme <prefix:name>:

//Helper function for nodes names that include a prefix and a colon, such as "<yt:rating>"
function getElementByNodeName(parentNode, nodeName)
{   
    var colonIndex = nodeName.indexOf(":");
    var tag = nodeName.substr(colonIndex + 1);
    var nodes = parentNode.getElementsByTagNameNS("*", tag);
    for (var i = 0; i < nodes.length; i++)
    {
        if (nodes[i].nodeName == nodeName) return nodes[i]
    }
    return undefined;
}

Il peut facilement être modifié dans le cas où vous devez retourner tous les éléments correspondants. Espérons que cela aide!

Le "\\" évitement n'est pas infaillible et que le simple

.find('[nodeName="z:row"]')

Méthode semble avoir été brisé comme de Jquery 1.7. J'ai été en mesure de trouver une solution pour la 1.7 , à l'aide d'une fonction de filtre, ici: L'amélioration de Javascript XML Nœud de Trouver de la Performance

Trouvé la solution dans le commentaire: L'analyse de XML avec des espaces de noms à l'aide de jQuery $().trouver

À l'aide de la seconde moitié du nom du nœud après les deux points a fonctionné pour moi. Utilisé .find("lat") au lieu de .find("geo\:lat") et il a travaillé pour moi.

Ma configuration:

• Chrome 42
• jQuery 2.1.3

XML exemple (extrait de Contacts Google API):

<entry>
  <id>http://www.google.com/m8/feeds/contacts/mstefanow%40gmail.com/base/0</id>
  <gd:email rel="http://schemas.google.com/g/2005#other" address="[email protected]" primary="true"/>
</entry>

Code d'analyse:

var xmlDoc = $.parseXML( xml );
var $xml = $( xmlDoc );
var $emailNode = $xml.find( "email" );
$("#email").html($emailNode.attr("address"));

Plnkr: http://plnkr.co/edit/l8VzyDq1NHtn5qC9zTjf?p=preview

Ma solution (parce que j'utilise un proxy Php) est à remplacer : espace de noms par l' _ ... donc pas plus de problèmes d'espace de noms 😉

Keep it simple !

Dès le début de l'année 2016, pour moi la syntaxe suivante fonctionne avec jQuery 1.12.0:

• IE 11 (11.0.9600.18204, mise à Jour 11.0.28, KB3134815): .find("z\\:row")
• Firefox 44.0.2: .find("z\\:row")
• Chrome 44.0.2403.89 m: .find("row")

La syntaxe .find("[nodeName=z:row]") ne fonctionne pas dans l'un des navigateurs mentionnés ci-dessus. Je n'ai trouvé aucun moyen d'appliquer un espace de noms dans google Chrome.

Mettre tous ensemble, la syntaxe suivante fonctionne dans tous les navigateurs mentionnés ci-dessus: .find("row,z\\:row")

contenu:
$this.find("content\\:encoded, encoded").text()

est la solution parfaite...

Je n'ai pas vu toute la documentation sur l'utilisation de JQuery pour analyser le langage XML.
JQuery utilise généralement le Navigateur dom pour parcourir un document HTML, je ne crois pas qu'il lit le html lui-même.

Vous devriez probablement regarder le bâti de la gestion XML en JavaScript lui-même.

http://www.webreference.com/programming/javascript/definitive2/

Alternativement, vous pouvez utiliser rapide-xml-parser dans votre projet, et de convertir les données XML dans JS/objet JSON. Ensuite, vous pouvez l'utiliser comme objet de propriété. Il n'utilise pas JQuery ou d'autres bibliothèques, mais ça va résoudre votre problème.

JS:

var xmlData = '<xml xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema">'
+'   <s:Schema id="RowsetSchema">'
+'     <s:ElementType name="row" content="eltOnly" rs:CommandTimeout="30">'
+'       <s:AttributeType name="ows_ID" rs:name="ID" rs:number="1">'
+'        <s:datatype dt:type="i4" dt:maxLength="4" />'
+'      </s:AttributeType>'
+'       <s:AttributeType name="ows_DocIcon" rs:name="Type" rs:number="2">'
+'        <s:datatype dt:type="string" dt:maxLength="512" />'
+'      </s:AttributeType>'
+'       <s:AttributeType name="ows_LinkTitle" rs:name="Title" rs:number="3">'
+'        <s:datatype dt:type="string" dt:maxLength="512" />'
+'      </s:AttributeType>'
+'       <s:AttributeType name="ows_ServiceCategory" rs:name="Service Category" rs:number="4">'
+'        <s:datatype dt:type="string" dt:maxLength="512" />'
+'      </s:AttributeType>'
+'    </s:ElementType>'
+'  </s:Schema>'
+'   <rs:data>'
+'    <z:row ows_ID="2" ows_LinkTitle="Sample Data 1" />'
+'    <z:row ows_ID="3" ows_LinkTitle="Sample Data 2" />'
+'    <z:row ows_ID="4" ows_LinkTitle="Sample Data 3" />'
+'  </rs:data>'
+'</xml>'

var jsObj = parser.parse(xmlData,{attrPrefix:"",ignoreTextNodeAttr: false});
document.write(JSON.stringify(jsObj.xml["rs:data"]["z:row"][0],null,4) + "<br>");
document.write(JSON.stringify(jsObj.xml["rs:data"]["z:row"][1],null,4) + "<br>");
document.write(JSON.stringify(jsObj.xml["rs:data"]["z:row"][2],null,4) + "<br>");

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/fast-xml-parser/2.9.2/parser.min.js"></script>

Vous pouvez ignorer les espaces de noms lors de l'analyse js/objet json. Dans ce cas, vous pouvez accéder directement comme jsObj.xml.data.row.

for(var i=0; i< jsObj.xml.data.row.length; i++){
  console.log(jsObj.xml.data.row[i]);
}

Avertissement: j'ai créé rapide-xml-parser.