2011-01-13 91 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

相關問題