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.