ajax初步学习文档

《ajax初步学习文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、ASP.NETAJAX初步大连东软信息学院大学生创业实训中心目录•什么是ASP.NETAJAX•ASP.NETAJAX扩展的安装•ASP.NETAJAX服务器端开发模式介绍•ASP.NETAJAXControlToolkits介绍•客户端Javascript调用Web服务什么是ASP.NETAJAX什么是AJAX•Ajax是AsynchronousJavaScriptandXML的缩写，即异步JavaScript和XML–一种Web开发方法，使用客户端脚本与Web服务器实现数据交互。•Ajax特

2、性–页面动态更新，不会导致整个页面完全刷新–很好的用户体验Ajax异步更新原理AJAX组成元素•HTML和DOM–浏览器将HTML页面被组织成DOM对象，AJAX程序可以使用DOM，有效的重绘页面中的部分内容•CSS–AJAX程序可以使用CSS修改用户界面的外观•XML和JSON–用于在客户端和服务器之间传递数据–XML是标准的数据表示格式–JSON:JavascriptObjectNotation，在客户端有着优良的性能，可以减少网络流量•XMLHttpRequest–AJAX的核心部分–允许

3、开发者在Javascript中以异步方式向服务器发出Http请求并得到响应•JavaScript–Javascript将以上技术粘合在一起AJAX构成元素HelloAjaxWorld•建立一个first_ajax.htm页面–在该页面中使用XMLHttpRequest对象，异步请求服务器上的welcome.htm页面•Welcome.htm–该页面中保存着需要从服务器传递到客户端first_ajax.html中的数据什么是ASP.NETAjax•开发Ajax应用并非易事–浏览器兼容问题–熟练掌握

4、JavaScript语言•ASP.NETAJAX框架是AJAX技术在.net环境中的一种实现方式•ASP.NETAJAX框架能够支持开发人员高效率的创建有丰富内容、具有交互性的Web应用，而且能够跨浏览器兼容。•ASP.NETAJAX组成–客户端框架•MicrosoftAjaxLibrary•ASP.NETAJAX服务代理–服务器端框架•ASP.NETAJAX服务器控件•Web服务桥•应用服务桥ASP.NETAjax体系结构图ASP.NETAJAX扩展的安装下载和安装ASP.NETAJAX•下载

5、安装文件–http://ajax.asp.net–ASPAJAXExtSetup.msi•双击安装–安装程序会注册System.Web.Extensions程序集–在VS2005中安装ASP.NETAJAX-EnabledWebsite模板下载并安装AjaxControlToolkit•下载安装文件–www.codeplex.com–AjaxControlToolkit.zip•使用AjaxControlToolkit–如果下载的为源代码需要先编译–找到AjaxControlToolkit.dl

6、l程序集•向VS2005中加入Toolkit控件–在VS2005工具箱中，新增一个Tab页–在新Tab页上，点击右键，选择浏览项，找到AjaxExtensionsToolbox.dll–所有Toolkit控件就会出现在工具箱中ASP.NETAJAX服务器端开发模式介绍服务器端开发使用的控件•ScriptManager•UpdatePanel•UpdateProgress•TimerScriptManager组件•ScriptManager是ASP.NETAJAX的核心组件•主要职责–负责向客户端

7、发送javascript脚本–注册Web服务–处理异步回送中发生的异常•使用技巧–每一个asp.netajax页面中必须有且只有一个ScriptManager组件–他必须先于其他Ajax服务器端控件定义，所以我们经常将其直接发在之后•ScriptManagerProxy–如果在母版页中定义了ScriptManager组件，则可以在内容页中加入ScriptManagerProxy，使该内容页拥有属于自己的ScriptManagerUpda

8、tePanel控件•UpdatePanel是ASP.NETAJAX中最精彩的部分•他表示一个更新区域，任何放入其中的ASP.NET控件自动获得异步更新效果•演示：使用UpdatePanel更新当前时间让UpdatePanel外部控件引发局部更新•AsyncPostBackTrigger–触发UpdatePanel进行局部更新的触发器–可以用其指定该UpdatePanel外、将引发其更新的控件以及该控件的某个服务器端事件•演示：失去焦点就能显示内容的文本框如何使UpdatePanel中控件引发整页