it-swarm.com.de

XML-Inhalt in HTML-Seite anzeigen

Wie kann ich XML und andere Datentypen auf derselben Seite anzeigen?

    <?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>

Das obige XML sollte wie bei der Formatierung angezeigt werden. Außerdem möchte ich HTML-Tabellen und anderes auf meiner Seite anzeigen. Wie kann ich das erreichen?

  1. Ich bekomme XML in STRING nicht durch Dateien.
  2. Ich möchte es nicht analysieren
  3. Ich möchte anzeigen (das ist es)
  4. Wenn Sie über XSLT sagen (bitte geben Sie ein Beispiel an)
  5. Ich denke, Jquery-Plugin zu verwenden (irgendwelche Beispiele?)
45
karthi

Eine einfache Lösung ist das Einbetten in ein <textarea>-Element, wodurch sowohl die Formatierung als auch die spitzen Klammern erhalten bleiben. Ich habe auch den Rand mit style="border:none;" entfernt, wodurch die Textarea unsichtbar wird.

Hier ist ein Beispiel: http://jsfiddle.net/y9fqf/1/

75
mellamokb

Sie können den alten <xmp>-Tag verwenden. Ich weiß nichts über die Browser-Unterstützung, aber es sollte trotzdem funktionieren.

<HTML>

your code/tables

<xmp>
    <catalog>
        <cd>
            <title>Empire Burlesque</title>
            <artist>Bob Dylan</artist>
            <country>USA</country>
            <country>Columbia</country>
            <price>10.90</price>
            <year>1985</year>
        </cd>
    </catalog>
</xmp>

Ausgabe:

your code/tables
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>
29
Keombre
<pre lang="xml" >{{xmlString}}</pre>

Das hat bei mir funktioniert. Vielen Dank an http://www.codeproject.com/Answers/998872/Display-XML-in-HTML-Div#answer1

14
mcsekar

Wenn Sie den Inhalt als text und nichtHTMLbehandeln, sollten DOM-Vorgänge dazu führen, dass die Daten ordnungsgemäß codiert werden. So würden Sie es in jQuery machen:

$('#container').text(xmlString);

So gehen Sie mit Standard-DOM-Methoden vor:

document.getElementById('container')
        .appendChild(document.createTextNode(xmlString));

Wenn Sie XML durch serverseitige Skripterstellung in HTML einfügen, müssen Sie dazu unbedingt Codierungsfunktionen verwenden (wenn Sie die serverseitige Technologie hinzufügen, können wir Ihnen konkrete Beispiele geben, wie Sie dies tun würde es tun.

14
Jacob

2017 Update, denke ich. Textarea hat für mich mit Spring, Bootstrap und vielen anderen Dingen gut funktioniert. Die SOAP -Nutzlast wurde in einer Datenbank gespeichert und von Spring und Push über Spring-MVC gelesen. xmp hat überhaupt nicht funktioniert. 

1
mkirouac