2011-01-13 61 views
3

我已经创建了一个XML文件,我希望它可以显示在我也创建的HTML页面中。有人能告诉我如何做到这一点。我想将我的XML文件链接到我的HTML页面

<?xml version="1.0"?> 
<Family> 
<Mom>Alison</Mom> 
<age>44</age> 
<son>Ian</son> 
<age>8</age> 
<son>Seth</son> 
</Family> 

我想读的是从我的html页面

+2

我不明白。请显示更多详细信息 – 2011-01-13 17:07:30

回答

0

我要说的最常用的方法是使用服务器端的开发平台,如ASP.NET读取XML文件,然后格式它进入页面标记。

如果有一种更直接的方式将XML内容包含在HTML页面中,我并不熟悉它。

1

如果你只是想为他们在文件中查找,显示XML内容,可以搜索和替换所有括号(<成为& LT;以及>成为& 1+),然后粘贴结果<预>之间和</pre >的标签。

4

一)简单地连接您的XML文件

您可以从一个Html页面使用服务器端包含链接到您的XML文件。

如果您的Web服务器配置为允许此功能(通常因安全原因而禁用此功能),您只需将您的Html页面重命名为.shtml并添加服务器端include命令即可。

foo.shtml

<html> 
    <head/> 
    <body> 
    <!--#include file="bar.xml" --> 
    </body> 
</html> 

bar.xml

<?xml version="1.0"?> 
<Family> 
    <Mom>Alison</Mom> 
    <age>44</age> 
    <son>Ian</son> 
    <age>8</age> 
    <son>Seth</son> 
</Family> 

这将显示在浏览器中的文本Alison 44 Ian 8 Seth


B)渲染XML文件为HTML

如果你想使您的整个XML文件为HTML页面wenuxas有你正确的答案。


C)嵌入XML文件到您的HTML网页

如果你的XML文档表示只有你Ajax最后一页的片段可能是你在找什么。

3

您可以使用XSLT - 语言来转换XML文档。也许这会符合你的需求。

我已经修改了您提供的XML一点点,因为我认为它结构不好。因此,如果我们有这样的文件:

<?xml version="1.0"?> 
<?xml-stylesheet href="bla.xsl" type="text/xsl" ?> 
<family> 
    <person> 
     <role>Mom</role> 
     <name>Alison</name> 
     <age>44</age> 
    </person> 
    <person> 
     <role>Father</role> 
     <name>Ben</name> 
     <age>45</age> 
    </person> 
    <person> 
     <role>Son</role> 
     <name>Ian</name> 
     <age>8</age> 
    </person> 
</family> 

的XSLT文件看起来是这样的:

<?xml version="1.0" encoding="ISO-8859-1"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

<xsl:template match="/"> 
    <html> 
    <body> 
    <h2>Family</h2> 
    <table border="1"> 
     <tr bgcolor="#9acd32"> 
    <th>Role</th> 
     <th>Name</th> 
     <th>Age</th> 
     </tr> 
     <xsl:for-each select="family/person"> 
      <tr> 
     <td><xsl:value-of select="role"/></td> 
     <td><xsl:value-of select="name"/></td> 
     <td><xsl:value-of select="age"/></td> 
      </tr> 
     </xsl:for-each> 
    </table> 
    </body> 
    </html> 
</xsl:template> 
</xsl:stylesheet> 
+1

+1给你一个动机,用模板替换`for-each` ;-) – Filburt 2011-01-17 08:35:28

相关问题