.NET2.0環境下的Ajax選型和應用（提供Demo源碼下載）

2024-09-01 08:29:43

字體：大中小

來源：轉載

供稿：網友

主題：.NET2.0環境下的Ajax選型和應用

研究需要解決的問題： 1 Ajax 應用框架的選型及其性能對比 2 如何應用 Ajax 3 應用 Ajax 過程中應該著重注意的問題研究者： Jimmy.Ke 時間： 2006-11-13

一 Demo說明

Ajax Demo Web Site 是一個完整的 .NET Website ，其中包含 5 個 ASPX 頁面及其對應的 CS 文件。為了方便對比， Demo 中使用了三種 Ajax 應用方式：一是使用微軟提供的 Atlas 應用框架，二是使用 Ajax.NET Professional 開源框架，三是使用針對 Ajax 的單純的 Javascript 包 Prototype 。三者對應的關聯文件如下表所示：

應用方式	文件名稱	描述
	Default.aspx	首頁導航，列出四個 Demo 頁面的鏈接
Atlas	AtlasDemo.aspx	使用 Atlas 實現 Product 的 CRUD 功能，通過 UpdatePanel 完成無刷新操作。

AjaxPro	AjaxProDemo.aspx	使用 Ajax.NET Pro 實現 Product 的 CRUD 功能，編輯、刪除操作返回 true/false 的結果，通過 .NET DataGrid 控件實現頁面數據列表的呈現（ HTML ）。

	AjaxProDemoSecond.aspx	使用 Ajax.NET Pro 實現 Product 的 CRUD 功能，編輯、刪除操作返回所有的 Product 列表，通過 .NET DataGrid 控件實現頁面數據列表的呈現（ HTML ）。

Prototype	PrototypeDemo.aspx	使用 Prototype 實現 Product 的 CRUD 功能，編輯、刪除操作返回所有的 Product 列表， Client 和 Server 的數據以 JSON 格式傳輸。


	Product.cs	Product 實體類

二研究結論

1 Ajax 應用框架選型

Ajax 應用的核心是通過 XMLHttpRequest 對象向 Server 提交 Client 的請求，同步或者異步的獲取 Server 返回的 Response 信息，而 Client 和 Server 之前數據傳遞的方式可以采用 Text 、 XML 或者 JSON 格式。 Demo 中使用到的 Prototype 、 Ajax.NET Pro 、 Atlas Beta2 代表了目前 Ajax 應用的三種主要方式： Prototype 是目前應用比較廣泛的最底層的遠程調用工具包，其通常使用自己的 API 封裝 XMLHttpRequest 對象，使得調用 XMLHttpRequest 更加簡單直觀。在 XMLHttpRequest 之前，我們通常使用內嵌的 IFRAME 來實現無刷新頁面發送 http 請求的效果。因此，這些遠程調用包必須支持那些不支持 XMLHttpRequest 的瀏覽器，以提高瀏覽器兼容性。類似的工具還比如 DOJO 。這類工具在應用過程中需要設定自己的 URL 和參數，并且編寫相應的 callback 函數來處理 Server 返回的 Response 結果。在 PrototypeDemo.aspx 中，我們通過 Ajax.Request 向服務器提交請求，在 callback 函數中實現對 Server 的 Response 結果的處理和顯示。當然，每個請求的 URL 參數是不同的。 Ajax.NET Pro 則是一種基于基于代理實現的 Ajax 框架，其允許 Client 的 Javascript 直接與 Server 的類實現一一映射，使 Client 的 Javascript 可以通過他們直接訪問 Server 的類對象及其 API ，其訪問方式類似 RPC ，直接調用相應的 API 完成業務操作，仍然需要編寫相應的 callback 函數處理 Server 返回的 Response 結果。在 AjaxProDemo.aspx.cs 中，我們通過在方法頭部添加 [AjaxPro.AjaxMethod] 標注，在 Page_Load 中將類以 AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxProDemo)) 的形式予以注冊，這樣就可以在 Client 直接調用。 Atlas 則是基于組件的應用方式，其允許使用拖拉的方式在 IDE 的設計視圖中快速創建包含 Ajax 功能的組件，并且能夠最大程度的利用 .NET 本身提供的 DataGrid 、 Button 等 UI 控件。這些組件提供了快速開發 Ajax 應用的另一捷徑，開發過程不需要編寫 callback 函數。就目前而言， Atlas 能夠利用最多的是 UpdatePanel 控件，通過其實現頁面的無刷新或者部分刷新。

上一篇：AJAX技術基礎介紹

下一篇：發現個AJAX圖片瀏覽器SIMPLEVIEWER