Visual Studio 2008開發新特性系列課程(6)：VS2008新特性之AJAX介紹

1.ASP.NET AJAX
用來建立更豐富, 互動性更好,更人性化以及更好的使用者體驗.
高效的生產力
----- 更清晰的概念, 更少的程式碼行
更易於設計, 除錯
----- 跟設計器和開發工具都有很好的整合
無縫的整合於應用程式模型
----- 可以協同ASP.NET 頁面和伺服器端控制元件
應用範圍廣泛
-----  跨瀏覽器, standards based

2.AJAX的開發場景
Server-centric Ajax Web Development
----- 增強的方法可以建立更豐富的UI（伺服器的AJAX控制元件使用）
----- 不需要編寫很多的JavaScript
----- 主要的邏輯都存放在伺服器端(VB/C#)
Client-centric Ajax Web Development
----- 儘可能的降低script/DHTML的使用複雜度
----- 提供更豐富的使用者互動體驗(如使用者提交表單的驗證等操作)
----- 建立小巧,實用和完美的使用者體驗

3.部分重新整理
<asp:UpdatePanel> 控制元件//需要一個Script Manager
-----方便的定義頁面中“updatable” 的區域（定義區域性更新的區域）
-----Server roundtrips become asynchronous
-----ASP.NET AJAX 提供所有操作的基礎類庫
-----支援觸發器並且可以用其它控制元件得到返回值
<asp:UpdatePanel id=“updatepanel1” runat=“server”>
<ContentTemplate>
<!-- This content will be dynamically updated! -->
<asp:Calendar id=“calndr1” runat=“server”/>
<ContentTemplate>
</asp:UpdatePanel>

4.提高已存在控制元件的功能
Control Extenders
-----利用ASP.NET AJAX 客戶特性擴充套件ASP.NET 控制元件
-----擴充套件伺服器端和客戶端的功能
-----使用熟悉的程式設計模型去處理ASP.NET 伺服器端控制元件
<asp:TextBox runat="server" ID="TextBox1" />
<asp:AutoCompleteExtender runat="server" ID="AC1”
 TargetControlID="TextBox1"
 ServicePath="AutoComplete.asmx“
 ServiceMethod="GetWords” />

AJAX提供的控制元件（AJAX ToolKit）:
-----下載後，有一個Ajax toolkit的資料夾,裡面就包含30多種控制元件
常用控制元件說明：
…………cadscadingDropDown：級聯的下拉框
…………AutoComplete：在文字框中通過輸入字母就可以選取可以選擇的

資料
…………PassWordStrength：密碼複雜度

--------把Ajax tookit編譯後的程式集引入到專案中。
選擇一個普通控制元件之後，就可以在控制元件上選擇新增擴充套件程式，然後再新增

擴充套件程式（這些程式可以是本地方法，也可以是web service）。

 

5.進度條展示
UpdateProgress control 提供區域性重新整理的進
度提示功能
<asp:UpdateProgress ID="UpdateProgress1“ runat="server">
<ProgressTemplate>
Please Wait ...
</ProgressTemplate>
</asp:UpdateProgress>

 

6.Micorsoft AJAX類庫
ASP.NET AJAX script 核心– 針對JavaScript的所有系統型別
--------類, 介面, 繼承
--------列舉
--------類似於.NET的事件處理控制程式碼
Base class library
--------StringBuilder, extensions to existing types
--------序列化
--------除錯和跟蹤類庫
--------網路服務

7.結合Web Service使用
ScriptManager 處理web service 訪問
 <asp:ScriptManager runat="server" ID="scriptManager">
  <Services>
  <asp:ServiceReference   

path="~/WebServices/SimpleWebService.asmx" />
  </Services>
 </asp:ScriptManager>
伺服器端的ASMX 訪問
--------引用Microsoft.Web.Script.Services
--------[ScriptService] Attribute on Class
線上的ASPX 方法就可以稱為Web Services
--------把[WebMethod] 屬性新增到方法中