Asp.net Ajax框架教程[教程下载]

最新推荐文章于 2019-07-08 23:06:45 发布

ChengKing

最新推荐文章于 2019-07-08 23:06:45 发布

阅读量1.1w

点赞数

分类专栏： (A).Net(Asp.net-SilverLight)学习教程系列 (E)Asp.net 2.0 (B)Ajax(Asp.net 2.0) 文章标签： asp.net ajax框架 asp button server webservice

本文链接：https://blog.csdn.net/ChengKing/article/details/2032497

版权

这篇教程详细介绍了ASP.NET AJAX框架的使用，包括如何结合ASP.NET控件如button，以及如何利用服务器端（server）技术和Webservice实现异步交互。通过实例解析，帮助开发者掌握AJAX框架在ASP.NET中的应用。

摘要由CSDN通过智能技术生成

Asp.net Ajax 框架教程

(一).概述

(二).应用场景代码示例

1).ScriptManager控件示例

1. 在异步调用服务端注册客户端脚本新方法

2. 捕获Ajax异步调用中错误(默认使用alert提示)

3. 捕获Ajax异步调用中错误(自定义输出错误方式)

2).UpdatePanel控件示例

4. RenderMode属性用法示例

5. UpdateMode用法示例

6. ChildrenAsTriggers属性用法示例

7. Triggers属性用法示例

3). UpdateProgress控件示例

8. 在异步更新时显示滚动进度条

4). Timer控件示例

9.在客户端无刷新定时执行服务端方法

5). Ajax中新Validators控件用法示例

10. Validators控件使用配置示例

6). 在客户端请求服务端最基本的执行方式

11. 使用Ajax library类库中的客户端WebReqest对象请求服务端

7). 在客户端调用页面后台(Page behind)中方法

12. 在客户端调用页面后台(Page behind)中方法示例

8). 在客户端调用WebService中的服务端方法

13. 调用WebService示例

9). 错误回调处理

14. 掌握客户端错误回调处理方法

10). Ajax library客户端编程特性

15. Asp.net Ajax框架中的客户端对象与服务端对象交互

16.DataSet/DataTable/DataRow正反序列化JSON格式程序集使用

17. 客户端类使用Sys.StringBuilder使用示例

18. WebRequestManager对象的客户端事件示例

11). 在Ajax操作中访问 Session-Cache-Application 对象

19. 在WebService方法中使用Session/Cache/Application对象

20. 在Page后台方法中使用Session/Cache/Application对象

12). Ajax 客户端类库对现有 javascript对象的扩展功能

21. 扩展Array对象方法forEach使用示例

22. 对 JavaScript Function对象扩展, 注册事件新方式

23. Ajax对String对象扩展方法String.format的使用

13). 在Ajax library中的客户端面向对象(OO)功能

24. 客户端注册命名空间, 定义接口, 类继承示例

14). Asp.net Ajax 中的多语功能

25. Asp.net服务端使用全局和本地资源文件示例

26. Asp.net客户端使用全局和本地资源文件示例

(一).概述

业余时间学习了一下微软的 Asp.net Ajax框架教程, 在学习时顺便整理了一个教程. 此教程包括26个精简的小例子, 主要针对开发应用场景和功能点进行展开示例, 在实际开发中也可以作为查找手册使用. 注释都在每个示例中.

Asp.net Ajax客户端对 Ajax编程支持非常丰富, 因此使用起来比较灵活.

Author:【夜战鹰】【ChengKing(ZhengJian)】

( 二).应用场景代码示例

1).ScriptManager 控件示例

1. 在异步调用服务端注册客户端脚本新方法

前台页面代码:

< body >

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

当前时间: <%= DateTime.Now %>

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click1" />

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</ body >

后台服务端代码:

public partial class _AA_ScriptManager_RegistClientScript_Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click1(object sender, EventArgs e)

{

//Ajax 框架中新调用方式

ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "UpdateSucceed", "alert('Update time succeed!')", true);

// 默认调用方式(在异步调用XmlHttp方式中无效)

//Page.ClientScript.RegisterStartupScript(this.GetType(), "UpdateSucceed", "<script>alert('Update time succeed!')</script>");

}

2. 捕获Ajax异步调用中错误(默认使用alert提示)

前台页面代码:

< body >

<div>

<!-- AllowCustomErrorsRedirect="false" 表示遇到错误不跳转到Web.Config中定义的错误处理页面

<system.web>

</system.web>

如果设置为true, 则出错时会自动将页面跳转到当前站点根目录下面的DisplayError.aspx页面.

-->

<asp:ScriptManager ID="ScriptManager1" runat="server" AllowCustomErrorsRedirect="false" OnAsyncPostBackError="ScriptManager1_AsyncPostBackError">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</ body >

后台页面代码:

public partial class _AA_ScriptManager_GetAsycError_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(this).AsyncPostBackErrorMessage = e.Exception.Message;

}

3. 捕获Ajax异步调用中错误(自定义输出错误方式)

前台页面代码:

< body >

<div>

<!-- AllowCustomErrorsRedirect="false" 表示遇到错误不跳转到Web.Config中定义的错误处理页面

<system.web>

</system.web>

如果设置为true, 则出错时会自动将页面跳转到当前站点根目录下面的DisplayError.aspx页面.

-->

<asp:ScriptManager ID="ScriptManager1" runat="server" AllowCustomErrorsRedirect="false">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

</ContentTemplate>

</asp:UpdatePanel>

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(sender, e)

{

e.set_errorHandled(true); // 表示自定义显示错误, 将默认的alert提示禁止掉.

$get("divMessage").innerHTML = e.get_error().message;

});

</script>

</div>

</ form >

</ body >

后台服务端代码:

public partial class _AA_ScriptManager_GetAsycDetailError_CustomDisplayError_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;

}

2).UpdatePanel 控件示例

4. RenderMode 属性用法示例

< body >

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Block">

UpdatePanel1(Display 设置为Block)

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel2" runat="server" RenderMode="Block">

UpdatePanel2(Display 设置为Block)

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel3" runat="server" RenderMode="Inline">

UpdatePanel3(Display 设置为Inline)

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel4" runat="server" RenderMode=Inline>

UpdatePanel4(Display 设置为Inline)

</ContentTemplate>

</asp:UpdatePanel>

</div>

</ form >

</ body >

5. UpdateMode 用法示例

< body >

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode=always>

UpdatePanel1 时间:<%= DateTime.Now %>

<asp:Button ID="Button1" runat="server" Text="Button" />

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode=conditional>

UpdatePanel2 时间:<%= DateTime.Now %>

<asp:Button ID="Button2" runat="server" Text="Button" />

</ContentTemplate>

</asp:UpdatePanel>

<br />

</div>

</ form >

</ body >

6. ChildrenAsTriggers 属性用法示例

最低0.47元/天解锁文章

ChengKing

关注

0
点赞
踩
44

收藏

觉得还不错? 一键收藏
4
评论
Asp.net Ajax框架教程[教程下载]

Asp.net Ajax框架教程目录(一).概述... (二).应用场景代码示例... 1).ScriptManager控件示例... 1. 在异步调用服务端注册客户端脚本新方法... 2. 捕获Ajax异步调用中错误(默认使用alert提示). 3. 捕获Ajax异步调用中错误(自定义输出错误方式)
复制链接

扫一扫

专栏目录