学无止境

先去下载google ajaxslt的源码包

1、用xmlhttprequest从服务器获得xml数据放于id="xml"的div中

也可以从各种封装的xmlhttprequest框架中直接获得xml,这种方式更好一些

2、对应xsl放置于id="xslt"的div中

3、通过Ajaxslt组合成html,结果将显示于id="htmldisplay"的div中

加载如下js

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

var xml = xmlParse(el('xml').value); var xslt = xmlParse(el('xslt').value); var html = xsltProcess(xml, xslt); document.getElementById('html').value = html; document.getElementById('htmldisplay').innerHTML = html;
很简单就完成了xml到html的转化,而xpath/xsl的强大功能使得我们可以非常更方面的处理xml数据

备注:

misc.js:一些常量定义和 helper 函数,还有 log 的实现。

dom.js:XML DOM 接口的 JS 实现,主要的函数是 xmlParse( XMLString ),调用成功后就可以用标准 DOM 方式来操控返回的 XDocument 了。

xpath.js:XPath 的 JS 实现。

xslt.js:XSLT 的 JS 实现,要用到里面的 xsltProcess( XML, XSLT ),给定 XML 和 XSLT 得到转换的结果。

posted on 2011-09-07 09:54  DHT  阅读(217)  评论(0编辑  收藏  举报