MS_WEB开发框架技术3Ajax教程.ppt

*;*;*;3.1 ASP.NET Ajax简介;Ajax的特点;Ajax的应用优势;Ajax 的核心技术;Ajax发展简史;Ajax应用简史（续）; 在传统的Web应用模式中，页面中用户的每一次操作都将触发一次返回Web服务器的HTTP请求，服务器进行相应的处理（获得数据、运行、与不同的系统会话）后，返回一个HTML页面给客户端。Web应用的传统模型如图所示。; 而在Ajax应用中，页面中用户的操作将通过Ajax引擎与服务器端进行通信，然后将返回结果提交给客户端页面的Ajax引擎，再由Ajax引擎来决定将这些数据插入到页面的指定位置。Web应用的Ajax模型如图所示。;Ajax与非Ajax应用模型对比;ASP.NET Ajax Web应用程序的优点如下： 实现Web页面的局部刷新，实现无闪烁刷新。 异步处理。Web页面对服务器端的请求将使用异步处理，也就是说，服务器端的处理不会打断用户的操作，从而加快了响应能力，给予用户更好的用户体验。 提供跨浏览器的兼容性支持。 大量内建的客户端控件，更方便实现JavaScript功能以及特效。;ASP.NET Ajax架构;ASP.NET Ajax架构;*;Ajax包含的几种技术;3.2.1. ScriptManager脚本管理控件;ScriptManager控件位置图;ScriptManager控件的常用属性;在ScriptManager控件中使用标记;Script脚本代码说明;ScriptReference类的常用属性;例子3.1 通过ScriptManager控件引用自定义脚本文件;MyScript.js文件的内容;;例子3.1的运行结果;⑵使用Services标记引用Web 服务;ServiceReference类的常用属性;本例通过引用一个现成的Web Services软件RandomService.asmx来生成一个随机数，默认的主页程序Default.aspx上有提示“随机数为：”，并有一个Label控件，下部有获取随机数的按钮。每当点击按钮时，就调用Web服务获取一个新的随机数并在Label控件中显示出来（范围在12~17之间）。;现有的Web Services文件RandomService.asmx;;;主页程序Default.aspx的内容;Default.aspx的后台代码;例子3.2 的运行结果; 早期的Ajax版本开发出很多的Ajax服务器控件，如TextBox、Button等，随着.NET服务器控件的更新，发现开发出这么多的Ajax服务器控件并不符合实际需要，最后微软设计出了Ajax的UpdatePanel控件。程序人员可将任何ASP.NET服务器控件拖放到UpdatePanel控件中，使得原本不具备Ajax能力的ASP.NET服务器控件都具有了Ajax异步的功能。UpdatePanel控件的常用属性及说明如表所示。;UpdatePanel控件的常用属性;UpdatePanel控件的Triggers属性;UpdatePanel控件的Triggers属性;Triggers的属性设置;例子3.3 使用更新控件实现局部更新;主页程序主要代码;主页程序的页面布局;;例子3.3的运行效果;3.2.3. Timer定时器控件;Timer控件的相关属性和事件;例子3.4 使用Timer控件显示时间;*;*;例子3.5 用Ajax实现无刷新聊天室;例子3.5 程序实现的步骤;例子3.5 的默认主页;例子3.5全局应用程序类Global;例子3.5 Session_Start事件;例子3.5 Session_End事件;例子3.5 程序实现的步骤（续1）;例子3.5 Login.aspx页面;例子3.5 Login.aspx页面代码;例子3.5 Login页面按钮代码;例子3.5 程序实现的步骤（续3）;MsgContent.axpx中的控件和属性;例子3.5 Timer控件的Tick事件代码;例子3.5 Timer的Interval属性;例子3.5 程序实现的步骤（续4）;Default.axpx中的控件和属性;例子3.5 Button按钮的Click事件;例子3.5 被Tick事件调用的LtbBind方法;3.4 引入ASP.NET Ajax Control Toolkit中的控件;Ajax Control Toolkit的特点;Ajax Control Toolkit的获得;Ajax Control Toolkit的获得;3.5 ASP.NET AJAX控件集中的扩展控件;3.5.1 TextBoxWatermark：添加水印提示;TextBoxWatermark的常用属性;例子3.6 在文本框中显示水印提示;3.5.2