lesson18AJAX之旅.pptVIP

AJAX之旅 Ajax（Asynchronous JavaScript and XML（异步JavaScript和XML））无疑是现在最为热门的一项技术,它涉及到很多方面的内容。其中最为显著的优点就是它能够和ASP.NET实现无缝集成。 ASP.NET AJAX完全支持Internet Explorer, Firefox, 和Safari浏览器。如果你想马上开始你的ASP.NET AJAX的开发旅程的话，先到下载免费的ASP.NET AJAX 1.0。当用Visual Studio 2005构建Web Application的时候，您将会看到一个ASP.NET AJAX的web site模板。选择这个模板新建一个Web Application，ASP.NET AJAX相关的一些配置将会添加到Web Application的web.config中。如果你想在已有的Web application中添加ASP.NET AJAX的功能，那你就需要手动修改web.config文件。好了，各位是不是有些按耐不住了，那么现在就开始我们的ASP.NET AJAX之旅吧！ 一、 为什么使用AJAX 我们很难给ＡJAX下一个很明了的定义，它并不象.net那样概念清晰。但是，Ajax的优点还是很清晰的，下面我们将介绍Ajax的几个比较有代表性的优势或者说特征。 1、基于标准技术构建 XMLHttpRequest对象最早是作为IE内嵌的ActiveX组件提供的，然后各种其他的主流浏览器（例如Firefox、Safari以及很快就要推出的IE7等）也随之使用，JavaScript原生对象的形式提供了这一组件。目前W3C正在对XMLHttpRequest的规范进行标准化（/ TR/XMLHttp Request/），XMLHttpRequest成为标准已经指日可待。Ajax所用到的其他技术，包括JavaScript、XML、CSS和DOM等，均早已成为标准并被所有的主流浏览器所实现。这样，典型的Ajax应用程序无需客户端进行任何形式的安装部署，即可兼容地运行于每一个主流浏览器之上，因而其优势是Flash、Java Applet和ActiveX等需要下载、安装插件的技术所无法比拟的。 2、友好的与服务器交互 还记得上网提交注册信息给网站吗？用户不得不将大量的时间花费在等待上。即使客户端和服务器的连接状况非常好，网络延迟可以忽略不计，在加载新页面时浏览器中仍然会有一个显示空白页面的过程，也就是一次“闪烁”。这是因为浏览器需要清除原有的内容并重新写入新的内容。 实际上，用户的一次操作往往仅需要对现有页面的一小部分进行更改。例如，在某一篇文章后添加一条评论。对于用户添加评论之前和之后的两个页面，它们之间的差别仅仅是一条新的评论而已。页面的其他大多数部分，比如页首、页脚、导航栏、文章内容以及现有的评论等都是完全一样的！完全一样的这些内容没有合理地保存下来，而是随着后一个页面的到来被无情地完全抛弃了。 Ajax应用程序则是借助XMLHttpRequest对象的帮助，只从服务器端取得必要的表示这一条评论的数据，而不是新页面的所有内容，避免了在网络中传输不变内容所造成的浪费，也就自然减少了用户等待的时间。 浏览器得到数据之后，再用JavaScript为这条评论添加必要的布局和格式化信息，并添加到页面上。这个添加过程只需要修改页面的一小部分，也解决了整页重绘带来的页面闪烁问题 3、增强用户的体验 Ajax应用程序通常很重视用户体验，它们一般都会关注目前用户的操作，并及时地给出下一步的提示。即使是一个很小的动作，客户端都可以将其回送至服务器，然后服务器即可充分利用它掌握的大量信息以及强大的计算能力迅速向用户给出最恰当的提示。例如，某个系统中用户的所在地信息可以由省份和城市两部分组成。在Web页面上通常使用两个下拉列表让用户选择。当用户选择了省份后，Ajax应用程序就可以通过XMLHttpRequest对象取得该省内所有城市的列表，并填充到城市列表中供用户作出下一步选择。 4、能够建立更强大的UI Ajax将许多不同的技术结合在了一起，而它们之间的协调者就是运行于浏览器中的JavaScript。在Ajax中，JavaScript已经不再是往日那个无关紧要的、用来在页面上显示漂浮广告或修改浏览器状态栏之类。通过充分挖掘JavaScript的潜力，我们将能够把许多原本只有桌面应用程序才能够实现的丰富功能（例如鼠标拖动、右键菜单、自动完成、拼写检查、键盘快捷键等）搬到Web页面中，这些都不是问题！Windows Live Mail就是其中