GoogleAjax ::-- qingfeng [2005-07-10 16:00:38]
1. GoogleAjax
1.1. AjaxXslt试用手记
Google的AjaxXslt放出了0.2版本,基本可以使用,对于XML与XSLT的处理可以使用Javascript来做了,而且对各种浏览器的兼容性作的也很好
试验了一下,简单的XSLT的功能,先在一个textarea中写入xml内容
<textarea id="xml"> <news> <id>1</id> <title>Hello OK</title> <memo>中文</memo> </news> </textarea>
在另一个textarea中写入xslt的内容
<textarea id="xslt"> <xsl:stylesheet> <xsl:template match="/"> <xsl:apply-templates select="news/memo"/> </xsl:template> <xsl:template match="news/memo"> <div style="color:green"> <xsl:value-of select="."/> </div> </xsl:template> </xsl:stylesheet> </textarea>
然后写下一个div,用于放置输出的html:
<div id="htmldisplay">xxx</div>
然后几句简单的js即可将内容合成:
var xml = xmlParse(el('xml').value); var xslt = xmlParse(el('xslt').value); var html = xsltProcess(xml, xslt); el('htmldisplay').innerHTML = html;
ok,内容合并成功,而且中文支持良好。
1.2. 与Ajax框架的结合
接下来要做的工作,动态载入xml与xsltd的内容,利用xmlhttp很简单可以做到,如果再封装到例如bufflao的Ajax框架中,那么展现数据内容就会更加简单了
1.3. GoogleAjax支持浏览器
- Firefox/1.0 - Internet Explorer/6.0 - Safari/1.2, Safari/1.3, Safari/2.0 - Opera/7.5, Opera/8.0 - Omniweb TODO(mesch): verify this.