Verwendung von jQuery für die XML-Analyse mit Namespaces

Ich bin neu in jQuery und möchte ein XML-Dokument analysieren.

Ich kann reguläres XML mit den Standard-Namespaces analysieren, aber mit XML wie:

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

Alles was ich wirklich will ist das <z:row>.

Bisher habe ich verwendet:

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

mit wirklich keinem Glück. Irgendwelche Ideen?

Ich habe es verstanden.

Es stellt sich heraus, dass es erforderlich ist \\, dem Doppelpunkt zu entkommen.

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

Wie Rich betonte:

Die bessere Lösung erfordert kein Escape und funktioniert auf allen "modernen" Browsern:

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

Ich habe mehrere Stunden damit verbracht, über Plugins und alle möglichen Lösungen zu lesen, ohne Glück.

ArnisAndy hat einen Link zu einer jQuery-Diskussion gepostet, in der diese Antwort angeboten wird, und ich kann bestätigen, dass dies für mich in Chrome (Version 18.0), FireFox (Version 11.0), IE (Version 9.08) und Safari (Version 5.1.5) funktioniert ) mit jQuery (v1.7.2).

Ich versuche, einen WordPress-Feed zu kratzen, in dem der Inhalt <content: encoded> heißt, und das hat bei mir funktioniert:

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

Wenn Sie jquery 1.5 verwenden, müssen Sie Anführungszeichen um den Attributwert der Knotenauswahl hinzufügen, damit dies funktioniert:

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

Obwohl die obige Antwort richtig zu sein scheint, funktioniert sie in Webkit-Browsern (Safari, Chrome) nicht. Eine bessere Lösung, glaube ich, wäre:

.find("[nodeName=z:myRow, myRow]")    

Falls jemand dies ohne jQuery tun muss , nur mit normalem Javascript, und für Google Chrome (Webkit) , ist dies die einzige Möglichkeit, die ich nach vielen Recherchen und Tests zum Laufen gebracht habe .

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

Dies funktioniert zum Abrufen des folgenden Knotens : <prefix:name>. Wie Sie sehen können, wird das Präfix oder der Namespace weggelassen und es werden Elemente mit unterschiedlichen Namespaces abgeglichen, sofern der Tag-Name lautet name. Aber hoffentlich ist dies kein Problem für Sie.

Nichts davon hat bei mir funktioniert (ich entwickle eine Google Chrome-Erweiterung):

getElementsByTagNameNS("prefix", "name")

getElementsByTagName("prefix:name")

getElementsByTagName("prefix\\:name")

getElementsByTagName("name")

Edit : nach etwas Schlaf, fand ich eine Arbeits Abhilfe :) Diese Funktion gibt den ersten Knoten eine vollständige AnpassungnodeNamewie<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;
}

Es kann leicht geändert werden, falls Sie alle übereinstimmenden Elemente zurückgeben müssen. Ich hoffe es hilft!

Keine der oben genannten Lösungen funktioniert so gut. Ich habe das gefunden und wurde für die Geschwindigkeit verbessert. füge dies einfach hinzu, wirkte wie ein Zauber:

$.fn.filterNode = function(name) {
    return this.find('*').filter(function() {
       return this.nodeName === name;
    });
};

Verwendung:

var ineedthatelementwiththepsuedo = $('someparentelement').filterNode('dc:creator');

Quelle: http://www.steveworkman.com/html5-2/javascript/2011/improving-javascript-xml-node-finding-performance-by-2000/

Das "\\" Entkommen ist nicht kinderleicht und einfach

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

Die Methode scheint ab Jquery 1.7 gebrochen worden zu sein. Hier konnte ich mithilfe einer Filterfunktion eine Lösung für 1.7 finden: Verbessern der Leistung beim Finden von Javascript-XML-Knoten

Es ist erwähnenswert, dass es ab jQuery 1.7 Probleme mit einigen Workarounds zum Auffinden von Elementen mit Namespace gab. Weitere Informationen finden Sie unter diesen Links:

• jQuery Bug Ticket stellt fest, dass es keine browserübergreifende Unterstützung für die Fähigkeit gibt, .find ('[nodeName = "z: row"]') auszuführen.
• Eine vorgeschlagene Problemumgehung für Plug-Ins mit einigen Leistungstests.

Gefundene Lösung im Kommentar: Parsen von XML mit Namespaces mit jQuery $ (). Find

Die Verwendung der zweiten Hälfte des Knotennamens nach dem Doppelpunkt hat bei mir funktioniert. Gebrauchte .find ( "lat") statt .find ( "geo \: lat") und es funktionierte für mich.

Mein Setup:

• Chrome 42
• jQuery 2.1.3

Beispiel-XML (Ausschnitt aus der Google Contacts-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>

Parsing-Code:

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

jQuery 1.7 funktioniert nicht mit folgenden Funktionen:

$(xml).find("[nodeName=a:IndexField2]")

Eine Lösung, die ich in Chrome, Firefox und IE zum Laufen gebracht habe, besteht darin, Selektoren zu verwenden, die in IE funktionieren, UND Selektoren, die in Chrome funktionieren, basierend auf der Tatsache, dass eine Möglichkeit in IE und die andere in Chrome funktioniert:

$(xml).find('a\\\\:IndexField2, IndexField2')

In IE werden Knoten zurückgegeben, die den Namespace verwenden (Firefox und IE erfordern den Namespace), und in Chrome gibt der Selektor Knoten zurück, die auf dem Nicht-Namespace-Selektor basieren. Ich habe dies nicht in Safari getestet, aber es sollte funktionieren, da es in Chrome funktioniert.

Meine Lösung (weil ich einen PHP-Proxy verwende) besteht darin, den Namespace durch _ ... zu ersetzen, damit keine Namespace-Probleme mehr auftreten ;-)

Halte es einfach !

Ursprüngliche Antwort: jQuery XML analysiert, wie Elementattribute abgerufen werden

Hier ist ein Beispiel, wie Sie den Wert in Chrome erfolgreich abrufen können.

 item.description = jQuery(this).find("[nodeName=itunes\\:summary]").eq(0).text();

Ab Anfang 2016 funktioniert für mich die folgende Syntax mit jQuery 1.12.0:

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

Die Syntax .find("[nodeName=z:row]")funktioniert in keinem der oben genannten Browser. Ich habe keine Möglichkeit gefunden, einen Namespace in Chrome anzuwenden.

Alles in allem funktioniert die folgende Syntax in allen oben genannten Browsern: .find("row,z\\:row")

Wie oben erwähnt, gibt es Probleme mit der oben genannten Lösung mit aktuellen Browsern / Versionen von jQuery - das vorgeschlagene Plug-In funktioniert auch aufgrund von Groß- und Kleinschreibung nicht vollständig ( nodeNameals Eigenschaft wird manchmal in Großbuchstaben geschrieben). Also schrieb ich die folgende Schnellfunktion:

$.findNS = function (o, nodeName)
{
    return o.children().filter(function ()
    {
        if (this.nodeName)
            return this.nodeName.toUpperCase() == nodeName.toUpperCase();
        else
            return false;
    });
};

Anwendungsbeispiel:

$.findNS($(xml), 'x:row');

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

ist die perfekte Lösung ...

Es gibt ein Plugin jquery-xmlns für jQuery, um mit Namespaces in Selektoren zu arbeiten.

Ich habe keine Dokumentation zur Verwendung von JQuery zum Parsen von XML gesehen. JQuery verwendet normalerweise den Browser dom, um ein HTML-Dokument zu durchsuchen. Ich glaube nicht, dass es das HTML selbst liest.

Sie sollten sich wahrscheinlich die integrierte XML-Behandlung in JavaScript selbst ansehen.

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

habe gerade den Namespace durch eine leere Zeichenfolge ersetzt. Funktioniert gut für mich. Getestete Lösung für alle Browser: Firefox, IE, Chrome

Meine Aufgabe war es, eine EXCEL-Datei über die Sharepoint EXCEL REST API zu lesen und zu analysieren. Die XML-Antwort enthält Tags mit dem Namespace "x:".

Ich habe beschlossen, den Namespace im XML durch eine leere Zeichenfolge zu ersetzen. Funktioniert folgendermaßen: 1. Holen Sie den gewünschten Knoten aus der XML-Antwort heraus. 2. Konvertieren Sie den ausgewählten Knoten XML-Response (Document) in String. 2. Ersetzen Sie den Namespace durch eine leere Zeichenfolge. 3. Konvertieren Sie die Zeichenfolge zurück in XML-Document

Siehe Code-Gliederung hier ->

function processXMLResponse)(xData)
{
  var xml = TOOLS.convertXMLToString("", "",$(xData).find("entry content")[0]);
  xml = xml.replace(/x:/g, "");            // replace all occurences of namespace
  xData =  TOOLS.createXMLDocument(xml);   // convert string back to XML
}

Für die Konvertierung von XML in String finden Sie hier eine Lösung: http://www.sencha.com/forum/showthread.php?34553-Convert-DOM-XML-Document-to-string

Alternativ können Sie den Fast-XML-Parser in Ihrem Projekt verwenden und die XML-Daten in ein JS / JSON-Objekt konvertieren. Dann können Sie es als Objekteigenschaft verwenden. Es verwendet weder JQuery noch andere Bibliotheken, löst jedoch Ihren Zweck.

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>");

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

Sie können Namespaces ignorieren, während Sie das Objekt js / json analysieren. In diesem Fall können Sie direkt auf as zugreifen jsObj.xml.data.row.

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

Haftungsausschluss : Ich habe einen Fast-XML-Parser erstellt.

Bei Webkit-Browsern können Sie den Doppelpunkt einfach weglassen. <media:content>Um dies beispielsweise in einem RSS-Feed zu finden , können Sie Folgendes tun:

$(this).find("content");