Google Ajaxslt 使用

最新推荐文章于 2024-08-22 14:32:34 发布

不净之心

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量81

点赞数

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/pyzheng/article/details/84435627

版权

Javascript 专栏收录该内容

145 篇文章 1 订阅

订阅专栏

类似插件:
jquery.xslt [url]http://hyperthunk.github.io/jquery.xslt/[/url]
jquery xslt plugin: [url]http://www.jongma.org/webtools/jquery/xslt/[/url]

[url]http://book.51cto.com/art/200805/72637.htm[/url]
a.xml

<?xml version="1.0" encoding="UTF-8"?>
<articles>
<article>
<author>author1</author>
<title>title1</title>
<date>2005-2-25</date>
<content><![CDATA[hello
klfkdlskdf
dkfldksdfsd]]></content>
</article>
<article>
<author>author1</author>
<title>title1</title>
<date>2005-2-25</date>
<content><![CDATA[hello
klfkdlskdf
dkfldksdfsd]]></content>
</article>
<article>
<author>author1</author>
<title>title1</title>
<date>2005-2-25</date>
<content><![CDATA[hello
klfkdlskdf
dkfldksdfsd]]></content>
</article>
<article>
<author>author1</author>
<title>title1</title>
<date>2005-2-25</date>
<content><![CDATA[hello
klfkdlskdf
dkfldksdfsd]]></content>
</article>
<article>
<author>author1</author>
<title>title1</title>
<date>2005-2-25</date>
<content><![CDATA[hello
klfkdlskdf
dkfldksdfsd]]></content>
</article>
</articles>

a.xslt

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/>
<xsl:template match="/">
<html>
<head>
<title>test</title>
</head>
<body>
<table border="1">
<tbody>
<tr>
<th>author</th>
<th>title</th>
<th>date</th>
</tr>
<xsl:for-each select="/articles/article">
<tr>
<td>
<xsl:value-of select="author"/>
</td>
<td>
<xsl:value-of select="title"/>
</td>
<td>
<xsl:value-of select="date"/>
</td>
</tr>
</xsl:for-each>
</tbody>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

转换
来自Google公司的google ajaxslt，它是基于JavaScript实现的，适用于任何浏览器，并且还有比较实用的日志和调试功能。

<script src="misc.js" type="text/javascript"></script>
<script src="dom.js" type="text/javascript"></script>
<script src="xpath.js" type="text/javascript"></script>
<script src="xslt.js" type="text/javascript"></script>
function test_xslt()
{
var strXml = getXml("a.xml");
var strXsl = getXml("a.xslt");
var xml = xmlParse(strXml);
var xslt = xmlParse(strXsl);
var html = xsltProcess(xml, xslt);
return html;
}

结果

<html>
<head>
<title>test</title>
</head>
<body>
<table border="1">
<tbody>
<tr>
<th>author</th>
<th>title</th>
<th>date</th>
</tr>
<tr>
<td>author1</td>
<td>title1</td>
<td>2005-2-25</td>
</tr>
<tr>
<td>author1</td>
<td>title1</td>
<td>2005-2-25</td>
</tr>
<tr>
<td>author1</td>
<td>title1</td>
<td>2005-2-25</td>
</tr>
<tr>
<td>author1</td>
<td>title1</td>
<td>2005-2-25</td>
</tr>
<tr>
<td>author1</td>
<td>title1</td>
<td>2005-2-25</td>
</tr>
</tbody>
</table>
</body>
</html>

也可以在a.xml的第2行增加一句XSLT样式表声明，如下：
<?xml-stylesheet type="text/xsl" href="a.xslt"?>
这样就可以在IE浏览器中查看到效果了
[img]http://book.51cto.com/files/uploadimg/20080507/2255510.jpg[/img]

不净之心

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Google Ajaxslt 使用

类似插件:jquery.xslt [url]http://hyperthunk.github.io/jquery.xslt/[/url]jquery xslt plugin: [url]http://www.jongma.org/webtools/jquery/xslt/[/url][url]http://book.51cto.com/art/200805/72637.htm[/u...
复制链接

扫一扫

专栏目录