用Spry框架來簡化AJAX

Spry AJAX框架是一個面向Web設計者的JavaScript庫。它提供了很多供設計者建立頁面的擴展功能，AJAX風格。

目前其最新版本為2007.5.17日發布的1.5版本。

下載地址為：http://www.adobe.com/cfusion/entitlement/index.cfm?event=custom&sku=RC00210&e=labs_spry

Spry框架的目標：

1)保持開放

Spry工作在所有的HTML編輯器上，包括Dreamweaver。任何人都可以從Adobe Labs下載它，開始建立高性能的交互式Web頁面和應用程序。無需授權或服務端代碼支持。

2)易于使用

Spry使用了同建立Web頁面相同的技術，如HTML，CSS和JavaScript，包括幾個JavaScript庫。使用同樣的技術來創建和設計動態區域和交互式的工具，可以象其它HTML元素一樣在頁面上使用。

3)能夠創新(innovation)

Spry提供了輕量級的強有力的模型，如增加數據、交互性，豐富的UI工具，促使你完全控制設計。

Spry同時為Web設計者和開發者而創建。它的指導原則：

1)工作在Web產品上，集中精力于Web UI和x(HTML)產品

2)x(HTML)和CSS專家

3)熟悉JavaScript和DOM

4)關心代碼的質量

5)想創建下一代的Web頁面。

要求：

1)保持框架熟悉、輕量級和透明性

2)保持框架最小(以頁為中心Page-Centric)

3)看起來象HTML的自然擴展

4)和其它技術的整合

提供更好的設計開發工作流

1)促使設計時的數據和內容的分離

2)支持"design-time XML"

3)框架易于均衡design-time工具

下一代的Web用戶界面

看例子：

http://labs.adobe.com/technologies/spry/demos/index.html

Spry是客戶端框架，以JavaScript庫的方式增加到Web頁面中。Spry的JavaScript庫主要有三個模塊：

1)Spry Data

使用Spry Data Sets and Regions來訪問和顯示數據。Spry的Data Set是一個JavaScript對象，負責載入和管理數據。Data Set基礎類適合多種不同的數據源訪問數據。

2)Spry Regions

一個Spry dynamic Region是Web頁面上綁定數據集的一個區域。當數據集被修改時(如，從服務器載入數據，過濾、排序等)，Spry Region被更新并反射新數據。Spry Region能用任何HTML塊元素如

、

標簽創建。

例：

...

3)Loading Data

Spry Data Set負責載入和處理數據，而XML是經常用到的在服務器端到客戶端傳遞數據。Spry XML Data Set能被用于通過瀏覽器的XMLHTTPRequest對象來檢索數據。XML可以包含在一個文件中，也可以是服務器端的函數調用。Spry使用XPath，W3C標準來描述XML節點集，識別節點描述為數據記錄。

4)Data Set Declaration

Spry Data Set增加到頁面分為兩步。

首先，包含適當的JavaScript庫：

其次，創建Data Set的實例，通過知道XML數據，定義重復的節點。

var dsProducts=new SpryDataXMLDataSet("products.xml","products.product")

------------

dsProducts: 變量引用。數據集的名字。

SpryDataXMLDataSet：對象實例。

products.xml：XML數據。

products.product：XPath。在XML文件中指向節點的指針。

5)顯示數據

使用Spry Regions顯示數據到Web頁面。創建從數據集到Spry Regions的綁定是很容易實現的，通過附加Spry屬性到HTML標準標簽上。如下的例子：

Product

Category

{name}

{category}

------------------

Spry Region Declaration：Spry區域聲明

Data Set Binding：數據集綁定

Spry Attributes：Spry屬性

Spry Data Bindings：Spry數據綁定

Repeat Region Declaration：重復區域聲明

6)Master/Detail Data Sets

Spry框架支持Master/Detail Data Sets概念。這意味著在Master Data Sets中選擇記錄來驅動Detail Data Set的內容。

12-15 00:21

總結

以上是生活随笔為你收集整理的php spry文本域_用Spry框架来简化AJAX的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。