⇤ ← Revision 1 as of 2005-07-10 16:00:38
Size: 1769
Comment:
|
← Revision 2 as of 2009-12-25 07:14:32 ⇥
Size: 1771
Comment: converted to 1.6 markup
|
Deletions are marked like this. | Additions are marked like this. |
Line 5: | Line 5: |
::-- qingfeng [[[DateTime(2005-07-10T16:00:38Z)]]] [[TableOfContents]] |
::-- qingfeng [<<DateTime(2005-07-10T16:00:38Z)>>] <<TableOfContents>> |
Line 10: | Line 10: |
Google的[http://sourceforge.net/projects/goog-ajaxslt/ AjaxXslt]放出了0.2版本,基本可以使用,对于XML与XSLT的处理可以使用Javascript来做了,而且对各种浏览器的兼容性作的也很好 | Google的[[http://sourceforge.net/projects/goog-ajaxslt/|AjaxXslt]]放出了0.2版本,基本可以使用,对于XML与XSLT的处理可以使用Javascript来做了,而且对各种浏览器的兼容性作的也很好 |
GoogleAjax
::-- qingfeng [2005-07-10 16:00:38]
Contents
GoogleAjax
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,内容合并成功,而且中文支持良好。
与Ajax框架的结合
接下来要做的工作,动态载入xml与xsltd的内容,利用xmlhttp很简单可以做到,如果再封装到例如bufflao的Ajax框架中,那么展现数据内容就会更加简单了
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.