Adobe Spry是一个面向Web设计人员而不是开发人员的Ajax框架,它使得设计人员不需要了解复杂的AJAX技巧也能在一个HTML页面中创建丰富体验成为了可能。目前1.6.1版本发布,很多新的更新都和支持AIR相关,并且很多很酷的功能加入到新的版本中。
Spry有许多功能,但是最重要的就是移除和加载数据,下面我给一个Spry是如何运行的例子:
首先:
这个文件告诉Spry一个URL people.cfm,加载XML文件,并且解析XPath /people/person。Spry同样也支持JSON,TSV,CSV,甚至HTML tab文件。下面是XML文件
Spry告诉浏览器如何在页面上显示XML
使用简单的标记spry:region and spry:repeat,Spry框架能够控制数据的加载和解析。是不是非常简单?
点击下面去官方网站查看更多的例子:
http://labs.adobe.com/technologies/spry/
Spry有许多功能,但是最重要的就是移除和加载数据,下面我给一个Spry是如何运行的例子:
首先:
<
script type
=
"
text/javascript
"
>
var mydata = new Spry.Data.XMLDataSet( " people.cfm " , " /people/person " );
</ script >
var mydata = new Spry.Data.XMLDataSet( " people.cfm " , " /people/person " );
</ script >
这个文件告诉Spry一个URL people.cfm,加载XML文件,并且解析XPath /people/person。Spry同样也支持JSON,TSV,CSV,甚至HTML tab文件。下面是XML文件
<
people
>
< person >
< name > Jacob Camden </ name >
< age > 6 </ age >
< gender > boy </ gender >
< picture > jacob.jpg </ picture >
</ person >
< person >
< name > Lynn Camden </ name >
< age > 4 </ age >
< gender > girl </ gender >
< picture > lynn.jpg </ picture >
</ person >
< person >
< name > Noah Camden </ name >
< age > 3 </ age >
< gender > boy </ gender >
< picture > noah.jpg </ picture >
</ person >
</ people >
< person >
< name > Jacob Camden </ name >
< age > 6 </ age >
< gender > boy </ gender >
< picture > jacob.jpg </ picture >
</ person >
< person >
< name > Lynn Camden </ name >
< age > 4 </ age >
< gender > girl </ gender >
< picture > lynn.jpg </ picture >
</ person >
< person >
< name > Noah Camden </ name >
< age > 3 </ age >
< gender > boy </ gender >
< picture > noah.jpg </ picture >
</ person >
</ people >
Spry告诉浏览器如何在页面上显示XML
<
div
spry:region
="mydata"
>
< p >
< table width ="500" border ="1" >
< tr spry:repeat ="mydata" >
< td > {name} </ td >
< td > {age} </ td >
< td > {gender} </ td >
</ tr >
</ table >
</ p >
</ div >
< p >
< table width ="500" border ="1" >
< tr spry:repeat ="mydata" >
< td > {name} </ td >
< td > {age} </ td >
< td > {gender} </ td >
</ tr >
</ table >
</ p >
</ div >
使用简单的标记spry:region and spry:repeat,Spry框架能够控制数据的加载和解析。是不是非常简单?
点击下面去官方网站查看更多的例子:
http://labs.adobe.com/technologies/spry/