Asp¸net Ajax框架教程(chengking)

1、A Ajax框架教程目錄(一).概述. (二).應(yīng)用場(chǎng)景代碼示例. 1).ScriptManager控件示例. 1. 在異步調(diào)用服務(wù)端注冊(cè)客戶端腳本新方法. 2. 捕獲Ajax異步調(diào)用中錯(cuò)誤(默認(rèn)使用alert提示). 3. 捕獲Ajax異步調(diào)用中錯(cuò)誤(自定義輸出錯(cuò)誤方式) 2).UpdatePanel控件示例. 4. RenderMode屬性用法示例. 5. UpdateMode用法示例. 6. ChildrenAsTriggers屬性用法示例. 7. Triggers屬性用法示例. 3). UpdateProgress控件示例. 8. 在異步更新時(shí)顯示滾動(dòng)進(jìn)度條. 4). Timer控件示

2、例. 9.在客戶端無(wú)刷新定時(shí)執(zhí)行服務(wù)端方法. 5). Ajax中新Validators控件用法示例. 10. Validators控件使用配置示例. 6). 在客戶端請(qǐng)求服務(wù)端最基本的執(zhí)行方式. 11. 使用Ajax library類庫(kù)中的客戶端WebReqest對(duì)象請(qǐng)求服務(wù)端. 7). 在客戶端調(diào)用頁(yè)面后臺(tái)(Page behind)中方法. 12. 在客戶端調(diào)用頁(yè)面后臺(tái)(Page behind)中方法示例. 8). 在客戶端調(diào)用WebService中的服務(wù)端方法. 13. 調(diào)用WebService示例. 9). 錯(cuò)誤回調(diào)處理. 14. 掌握客戶端錯(cuò)誤回調(diào)處理方法. 10). Ajax lib

3、rary客戶端編程特性. 15. A Ajax框架中的客戶端對(duì)象與服務(wù)端對(duì)象交互. 16.DataSet/DataTable/DataRow正反序列化JSON格式程序集使用. 17. 客戶端類使用Sys.StringBuilder使用示例. 18. WebRequestManager對(duì)象的客戶端事件示例. 11). 在Ajax操作中訪問(wèn) Session-Cache-Application 對(duì)象. 19. 在WebService方法中使用Session/Cache/Application對(duì)象. 20. 在Page后臺(tái)方法中使用Session/Cache/Application對(duì)象. 12). A

4、jax 客戶端類庫(kù)對(duì)現(xiàn)有 javascript對(duì)象的擴(kuò)展功能. 21. 擴(kuò)展Array對(duì)象方法forEach使用示例. 22. 對(duì) JavaScript Function對(duì)象擴(kuò)展, 注冊(cè)事件新方式. 23. Ajax對(duì)String對(duì)象擴(kuò)展方法String.format的使用. 13). 在Ajax library中的客戶端面向?qū)ο?OO)功能. 24. 客戶端注冊(cè)命名空間, 定義接口, 類繼承示例. 14). A Ajax 中的多語(yǔ)功能. 25. A服務(wù)端使用全局和本地資源文件示例. 26. A客戶端使用全局和本地資源文件示例. (一).概述業(yè)余時(shí)間學(xué)習(xí)了一下微軟的A Ajax框架教程, 在學(xué)

5、習(xí)時(shí)順便整理了一個(gè)教程. 此教程包括26個(gè)精簡(jiǎn)的小例子, 主要針對(duì)開(kāi)發(fā)應(yīng)用場(chǎng)景和功能點(diǎn)進(jìn)行展開(kāi)示例, 在實(shí)際開(kāi)發(fā)中也可以作為查找手冊(cè)使用. 注釋都在每個(gè)示例中.A Ajax客戶端對(duì)Ajax編程支持非常豐富, 因此使用起來(lái)比較靈活. Author:【夜戰(zhàn)鷹】【ChengKing(ZhengJian)】(二).應(yīng)用場(chǎng)景代碼示例1).ScriptManager控件示例1. 在異步調(diào)用服務(wù)端注冊(cè)客戶端腳本新方法前臺(tái)頁(yè)面代碼: 當(dāng)前時(shí)間: 后臺(tái)服務(wù)端代碼:public partial class _AA_ScriptManager_RegistClientScript_Default : System.

6、Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void Button1_Click1(object sender, EventArgs e) /Ajax框架中新調(diào)用方式 ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), UpdateSucceed, alert(Update time succeed!), true); /默認(rèn)調(diào)用方式(在異步調(diào)用XmlHttp方式中無(wú)效) /Page.ClientSc

7、ript.RegisterStartupScript(this.GetType(), UpdateSucceed, alert(Update time succeed!); 2. 捕獲Ajax異步調(diào)用中錯(cuò)誤(默認(rèn)使用alert提示)前臺(tái)頁(yè)面代碼: !- AllowCustomErrorsRedirect=false 表示遇到錯(cuò)誤不跳轉(zhuǎn)到Web.Config中定義的錯(cuò)誤處理頁(yè)面 如果設(shè)置為true, 則出錯(cuò)時(shí)會(huì)自動(dòng)將頁(yè)面跳轉(zhuǎn)到當(dāng)前站點(diǎn)根目錄下面的DisplayError.aspx頁(yè)面. - 后臺(tái)頁(yè)面代碼:public partial class _AA_ScriptManager_GetAsyc

8、Error_Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void Button1_Click(object sender, EventArgs e) int a = 5, b = 0; int c = a / b; protected void ScriptManager1_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e) ScriptManager.GetCurrent(th

9、is).AsyncPostBackErrorMessage = e.Exception.Message; 3. 捕獲Ajax異步調(diào)用中錯(cuò)誤(自定義輸出錯(cuò)誤方式)前臺(tái)頁(yè)面代碼: !- AllowCustomErrorsRedirect=false 表示遇到錯(cuò)誤不跳轉(zhuǎn)到Web.Config中定義的錯(cuò)誤處理頁(yè)面 如果設(shè)置為true, 則出錯(cuò)時(shí)會(huì)自動(dòng)將頁(yè)面跳轉(zhuǎn)到當(dāng)前站點(diǎn)根目錄下面的DisplayError.aspx頁(yè)面.- !-注意add_endRequest方法不能寫到中, 因?yàn)檫@時(shí)ScriptManager實(shí)例還沒(méi)有創(chuàng)建. 不好之處是方法寫在塊中使頁(yè)面有些亂.- Sys.WebForms.Page

10、RequestManager.getInstance().add_endRequest(function(sender, e) e.set_errorHandled(true);/表示自定義顯示錯(cuò)誤, 將默認(rèn)的alert提示禁止掉. $get(divMessage).innerHTML = e.get_error().message; ); 后臺(tái)服務(wù)端代碼:public partial class _AA_ScriptManager_GetAsycDetailError_CustomDisplayError_Default : System.Web.UI.Page protected void

11、 Page_Load(object sender, EventArgs e) protected void Button1_Click(object sender, EventArgs e) int a = 5, b = 0; int c = a / b; 2).UpdatePanel控件示例4. RenderMode屬性用法示例 UpdatePanel1(Display設(shè)置為Block) UpdatePanel2(Display設(shè)置為Block) UpdatePanel3(Display設(shè)置為Inline) UpdatePanel4(Display設(shè)置為Inline) 5. UpdateMo

12、de用法示例 UpdatePanel1時(shí)間: UpdatePanel2時(shí)間: 6. ChildrenAsTriggers屬性用法示例 UpdatePanel1時(shí)間: UpdatePanel2時(shí)間: 7. Triggers屬性用法示例 當(dāng)前時(shí)間: 3).UpdateProgress控件示例8. 在異步更新時(shí)顯示滾動(dòng)進(jìn)度條 當(dāng)前時(shí)間: 4). Timer控件示例9.在客戶端無(wú)刷新定時(shí)執(zhí)行服務(wù)端方法 當(dāng)前時(shí)間: %- -% %- 當(dāng)前時(shí)間: -% 5). Ajax中新Validators控件用法示例使用VS 2005默認(rèn)的驗(yàn)證控件在異步操作時(shí)會(huì)有些問(wèn)題, 微軟推出與現(xiàn)有控件名稱一一對(duì)應(yīng)的一系列驗(yàn)證控

13、件10. Validators控件使用配置示例 !- 另外, 還要在Web.Config中指定使用bin下面的Validators.dll中的驗(yàn)證控件: - 6). 在客戶端請(qǐng)求服務(wù)端最基本的執(zhí)行方式11. 使用Ajax library類庫(kù)中的客戶端WebReqest對(duì)象請(qǐng)求服務(wù)端前臺(tái)頁(yè)面代碼: function ExecuteAjaxRequest(text) var request = new Sys.Net.WebRequest(); request.set_url(ClientWebRequest.ashx); request.set_httpVerb(POST); request.a

14、dd_completed(onComplete); request.set_body(text= + encodeURIComponent(text); request.invoke(); function onComplete(response) if (response.get_responseAvailable() var text = response.get_object(); alert(text); 處理程序ashx文件代碼:using System;using System.Web;using System.Web.Script.Serialization;public cla

15、ss ClientWebRequest : IHttpHandler public void ProcessRequest (HttpContext context) context.Response.ContentType = text/plain; string text = context.Request.Paramstext; JavaScriptSerializer jsSerializer = new JavaScriptSerializer(); context.Response.Write(jsSerializer.Serialize(text); public bool IsReusable get return false; 7). 在客戶端調(diào)用頁(yè)面后臺(tái)(Page behind)中方法12. 在客戶端調(diào)用頁(yè)面后臺(tái)(Page behind)中方法示例前臺(tái)頁(yè)面代碼: function ExecuteServerMethod(value) PageMethods.ReturnStringServerMethod(value,CallBackResult); function CallBackResult(result) alert(result); 頁(yè)面后臺(tái)服務(wù)端代碼:using System.Web.Services;public partial class _G