先去下載google ajaxslt的源碼包
1、用xmlhttprequest從服務(wù)器獲得xml數(shù)據(jù)放于id="xml"的div中
也可以從各種封裝的xmlhttprequest框架中直接獲得xml，這種方式更好一些
2、對(duì)應(yīng)xsl放置于id="xslt"的div中
3、通過(guò)Ajaxslt組合成html，結(jié)果將顯示于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;
很簡(jiǎn)單就完成了xml到html的轉(zhuǎn)化，而xpath/xsl的強(qiáng)大功能使得我們可以非常更方面的處理xml數(shù)據(jù)
備注:
misc.js：一些常量定義和 helper 函數(shù)，還有 log 的實(shí)現(xiàn)。
dom.js：XML DOM 接口的 JS 實(shí)現(xiàn)，主要的函數(shù)是 xmlParse( XMLString )，調(diào)用成功后就可以用標(biāo)準(zhǔn) DOM 方式來(lái)操控返回的 XDocument 了。
xpath.js：XPath 的 JS 實(shí)現(xiàn)。
xslt.js：XSLT 的 JS 實(shí)現(xiàn)，要用到里面的 xsltProcess( XML, XSLT )，給定 XML 和 XSLT 得到轉(zhuǎn)換的結(jié)果。