在HTML页面中显示XML内容

如何在同一页面显示XML和其他types的数据?

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

上面的XML应该像格式化一样显示。 另外,我想在我的页面中显示HTML表格和其他东西。 如何做到这一点?

  1. 我确实通过文件获取了STRING中的XML。
  2. 我不想parsing它
  3. 我想显示(就是这样)
  4. 如果你谈到XSLT(请举例)
  5. 我想使用Jquery插件(任何例子?)

简单的解决scheme是embedded一个<textarea>元素内,这将保留格式和尖括号。 我也删除了style="border:none;" 这使得textarea不可见。

这是一个示例: http : //jsfiddle.net/y9fqf/1/

您可以使用旧的<xmp>标签。 我不知道浏览器支持,但它应该仍然工作。

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

输出:

 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> 

如果将内容视为文本而不是HTML ,则DOM操作应该使数据正确编码。 以下是你如何在jQuery中做到这一点:

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

以下是你如何使用标准的DOM方法:

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

如果通过服务器端脚本将XML放入HTML中,必然会出现编码函数,以便您可以这样做(如果添加了服务器端技术,则可以给出具体示例'做到这一点)。

 <pre lang="xml" >{{xmlString}}</pre> 

这对我有效。 感谢http://www.codeproject.com/Answers/998872/Display-XML-in-HTML-Div#answer1

2017更新我猜。 textarea对我使用Spring,Bootstrap和其他一些东西很好。 获得存储在数据库中的SOAP有效载荷,由Spring读取并通过Spring-MVC进行推送。 xmp根本没有工作。