江西财经大学软件与通信工程学院A SP.NET程序设计课件 第12章.ppt

第12章 Microsoft Ajax 作者：沈士根、汪承焱、许小东 清华大学出版社 本章要点： 2 了解Ajax基础知识。 理解Ajax工作原理。 理解Microsoft Ajax技术。 掌握Microsoft Ajax服务器控件的用法。 了解Ajax Control Toolkit的安装和其中包括的控件功能。 目录 3 12.1 Ajax基础 12.1.1 Ajax概述 12.1.2 Microsoft Ajax技术 12.2 Microsoft Ajax服务器控件 12.2.1 ScriptManager控件 12.2.2 UpdatePanel控件 12.2.3 Timer控件 12.2.4 UpdateProgress控件 12.3 Ajax Control Toolkit 12.4 小结 12.1 Ajax基础 4 是一种允许客户端通过异步HTTP请求与服务器交换数据的技术. 目的是利用已经成熟的技术构建具有良好交互性的Web应用程序。 通常称Ajax页面为无刷新Web页面。 Microsoft Ajax是Ajax的Microsoft实现方式，对Ajax的使用以控件形式提供。 12.1.1 Ajax概述 5 XMLHttpRequest对象：允许浏览器与Web服务器通信，通过MSXML ActiveX组件可以在IE 5.0以上的浏览器中使用。 JavaScript代码：运行Ajax Web应用程序的核心代码。 DHTML：通过使用div、span和其他动态HTML元素来动态地更新表单。 文档对象模型DOM：通过JavaScript代码使用DOM处理HTML元素和服务器返回的XML。 传统和使用Ajax的Web应用程序之间的差异 6 12.1.2 Microsoft Ajax技术 7 专用于ASP.NET页面。 局部页刷新，即只刷新已发生更改的页面部分。 自动生成代理类。 支持主流浏览器。 页面的大部分处理工作在浏览器中执行。 “仅客户端”解决方案：使用Microsoft Ajax Library。 “客户端与服务器”解决方案：既使用Microsoft Ajax Library，又使用ASP.NET服务器控件。 12.2 Microsoft Ajax服务器控件 8 把Microsoft Ajax服务器控件添加到ASP.NET页面后，浏览这些页面会自动将支持的客户端JavaScript脚本发送到浏览器以实现Ajax功能。 12.2.1 ScriptManager控件 9 是Microsoft Ajax功能的核心。 管理一个页面上的所有Microsoft Ajax资源。 每个实现Ajax功能的页面都必须添加一个ScriptManager控件。 EnablePartialRendering属性：确定页面能否实现局部刷新功能。 在ScriptManager中注册自定义JavaScript脚本 10 方法是在ScriptManager控件的Scripts属性集合中添加一个指向脚本文件的ScriptReference对象。 在母版页中使用ScriptManager 11 在母版页中添加ScriptManager控件，然后在内容页中添加其他Microsoft Ajax服务器控件实现页面局部刷新功能。 只允许包含一个ScriptManager控件。 如果在母版页中已添加了ScriptManager控件，在内容页还可添加ScriptManagerProxy控件。 ScriptManagerProxy专用于使用了母版页的内容页。 12.2.2 UpdatePanel控件 12 是一个容器控件。 放置在其中的控件将具有局部刷新的功能。 可以放置多个UpdatePanel控件。 每个UpdatePanel控件可以实现独立的局部刷新功能。 将需要局部刷新的控件放在UpdatePanel控件内部的ContentTemplate子元素中。 利用控件的Triggers元素内的asp:AsyncPostBackTrigger元素定义触发器。 实例12-1 使用内部按钮刷新UpdatePanel控件 13 在本实例中，单击“刷新”按钮时会引发页面往返，包含于UpdatePanel控件中的Label控件将被刷新，但在UpdatePanel控件外的Label控件未刷新。 源程序：UpdatePnlIn.aspx 程序说明 14 默认情况下，UpdatePanel控件内的任何回发控件（如Button控件）都将导致异步回发并刷新UpdatePanel的内容。Label控件lblInterior包含在UpdatePanel控件UpdatePanel1的ContentTemplate子元素中。当单击“刷新”按钮时会引发页面往