Adobe Spry是一个面向Web设计人员而不是开发人员的Ajax框架,它使得设计人员不需要了解复杂的AJAX技巧也能在一个HTML页面中创建丰富体验成为了可能。目前1.6.1版本发布,很多新的更新都和支持AIR相关,并且很多很酷的功能加入到新的版本中。
Spry有许多功能,但是最重要的就是移除和加载数据,下面我给一个Spry是如何运行的例子:
首先:
<
script type
=
"
text/javascript
"
>
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
>
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
>
使用简单的标记spry:region and spry:repeat,Spry框架能够控制数据的加载和解析。是不是非常简单?
点击下面去官方网站查看更多的例子:
http://labs.adobe.com/technologies/spry/
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/