用Microsoft ASP.NET AJAX技术构建交互式的用户界面—part1

导言

在过去的几年时间里,web开发员开始使用JavaScript来向web服务器执行异步回传,也就是仅仅发送和接收必要的数据.这些技术通常统称为AJAX.如果设计 合理的话,具有AJAX功能的web应用程序,其用户界面的高度交互性完全可以与桌面应用程序相媲美.

由于AJAX包含了网络体系(networking stack)里不同层面的很多 技术,在不使用AJAX framework的情况下执行AJAX很困难也很容易出错.还好,微软为ASP.NET开发者推出了免费的AJAX framework:即Microsoft ASP.NET AJAX.本文作为本 系列文章的开篇之作,首先总览AJAX技术以及如何开始使用Microsoft ASP.NET AJAX;然后再探讨具体的控件以及使用细节.

Ajax历史简短回顾

client- server模式包括了双方:一个客户端和一个服务器.服务器端等待来自客户端的请求,进行相关处理后再做出回应;客户端向服务器发出请求,等待回应,最后对返回的数据 进行处理.Web应用程序便是client-server模式的典型代表.在客户端——通常情况是一个web浏览器,向web服务器请求一个特定的资源,该资源可能是静态内容 ,比如一个HTML页面或一个图片,此时服务器仅仅需要将其返回即可;也可能是动态内容,比如一个ASP.NET页面,此时服务器需要做一些处理后才能将其返回.然而不管怎 么说,交互模式都是一样的:客服端请求一个具体的资源,服务器端将其返回给客户端.

client-server模式的一个缺点便是延迟性。客户端必须周期性的与服务器进 行通信,更新用户输入信息或获取最新的数据.在这个过程中,用户必须等待,而白白浪费掉请求/回应生命周期时间.在ASP.NET应用程序里,当发生回传时这种延迟表现的 最为明显.设想一下在一个电子商务网站里,列出了一系列的产品,且可以进行分类,并分页显示出来.然而,当切换到下一页面时,将需要对服务器产生一个回传,以获取 下一页面的产品.自然,这将产生一个延迟,从一秒到几秒不定,这取决于多种因素(比如网络连接速度、网络拥堵情况、服务器加载情况、数据库查询情况等等).

最 主要的缺点是页面回传需要将所有的页面form字段发送到服务器,再将整个页面内容返回给浏览器.这样一来,交互的数据量就过多了,因为我们只需要下一页面的产品的信 息.AJAX可以减小这种延迟性,方法是使用JavaScript向web服务器作出异步回传.这些回传传输并接收最少量的必需的数据.对AJAX背景知识的更多介绍,请参阅Jesse James Garrett的随笔《Ajax: A New Approach to Web Applications》,在这篇文章里他创造了术语"Ajax".

很多AJAX frameworks是商业性的,当然也有一些 开源类库(open source libraries).在2006的上半年,微软发布了自己的AJAX framework,也即:Microsoft ASP.NET AJAX,本系列文章的焦点.

时间: 2025-01-30 16:11:21

用Microsoft ASP.NET AJAX技术构建交互式的用户界面—part1的相关文章

用Microsoft ASP.NET AJAX技术构建交互式的用户界面— Part 2

导言: 在前面部分我们概述了ASP.NET AJAX framework,我们探讨了如何下载和安装该框架,同时对UpdatePanel控件进行了相关概述.把UpdatePanel控件拖动到页面 ,再把要参与局部回传的控件放置到UpdatePanel控件里,就可以很简单的创建交互式的用户界面.任何由UpdatePanel内的控件触发的回传都会转化为局部页面回传.和整页 回传类似,局部回传也向服务器发送一个请求,而不经由客户端脚本.另外,在页面上只有这些区域的编码在HTTP响应里进行返回,且通过Ja

如何使用AJAX技术构建优秀的Web应用程序

一. 简介 异步JavaScript+XML(即Ajax),是一种创建交互式web应用程序的Web开发技术.这种程序使用JavaScript和XML从客户端提交服务器请求,且整个过程中仅需要交换少量的数据而不必提交整个web页面.因此,这样的程序将更快和更具响应性,并将成为新一代客户机-服务器系统的重要基础技术之一.你可以在站点http://www.google.com/webhp?complete=1&hl=en处看到一种良好的AJAX实践技术展示.在此页面中,如果你把任何字母输入到文本框内,

使用AJAX技术构建更优秀的Web应用程序

ajax|web|程序 一. 简介 异步JavaScript+XML(即Ajax),是一种创建交互式web应用程序的Web开发技术.这种程序使用JavaScript和XML从客户端提交服务器请求,且整个过程中仅需要交换少量的数据而不必提交整个web页面.因此,这样的程序将更快和更具响应性,并将成为新一代客户机-服务器系统的重要基础技术之一.你可以在站点http://www.google.com/webhp?complete=1&hl=en处看到一种良好的AJAX实践技术展示.在此页面中,如果你把

基于ASP.NET AJAX技术开发在线RSS阅读器(上篇)

[注]本文测试环境:Windows XP专业版+Visual Studio 2005+整套ASP.NET AJAX框架+ASP.NET RSS Toolkit+SQL Server 2005. 一.RSS技术简介 RSS是一种描述和同步网站内容的XML格式,已经成为越来越流行的网站内容订阅技术.通过这种技术,网站可以极大地提高广大网站用户和网站数据之间的数据交互. RSS阅读软件可以分为桌面离线式和在线式两大类.有了这种工具,用户只需要添加初始其所关注的RSS网址,以后系统会自动更新相关内容,网

基于ASP.NET AJAX技术开发在线RSS阅读器(下篇)

五.逻辑层设计 (一)添加RSS频道 在展开真正的逻辑层设计之前,先让我们简单地浏览一下下面的草图4.图4展示了我对于两个重要ASP.NET AJAX客户端控件-ListView和DataSource以及MS AJAX官方资料中建议的实现客户端数据绑定架构的理解. 开发在线RSS阅读器(下篇)-"> 图4:ASP.NET AJAX框架中建议的典型的客户端数据绑定架构 从上图中,我们可以得出如下结论:在实战环境(本例中也是如此)下,当添加一个新的RSS频道时,我们并不需要立即把这些数据存储到

传统的ASP.NET网页与AJAX技术

ASP.NET AJAX本身被设计用来延伸既有的ASP.NET网页功能,开发人员透过这些延伸工具,不需要修改现有的程式码,就可以为网页加入AJAX的功能,对于ASP.NT网页的开发人员来说,ASP.NET AJAX代表的是一种进化而非革命. AJAX技术并不会推翻现有的ASP.NET,就如同它的名称,ASP.NET AJAX与ASP.NET是并存的,我们来看看传统的ASP.NET网页与运用了AJAX技术的网页它们之间的差异,底下是传统的ASP.NET网页: ASP.NET网页的每一个要求,会伴随

剖析ASP.NET AJAX的面向对象思想

ajax|asp.net|对象     人们期待已久的ASP.NET AJAX v1.0正式版终于发布了.现在你能用Microsoft ASP.NET AJAX的javascript很容易的写出丰富的.交互式的web应用.尤其值得关注的是Microsoft AJAX Library增加了面向对象的支持,而以前javascript是不支持面向对象开发的.现在icrosoft AJAX Library能很好的支持类.名字空间.继承.接口.枚举.反射等特征.这些新增加的功能类似于.NET Framew

全球化就绪: 和ASP.NET AJAX应用程序环游地球

本文讨论: ASP.NET AJAX 的全球支持 需要对 JavaScript 的支持 基于程序集的 AJAX 本地化 基于文件的 AJAX 本地化 本文使用了 以下技术: ASP.NET AJAX 事实上,ASP.NET 2.0 为 Web 应用程序提供了出色的本地化模型,而且在 Microsoft .NET Framework 中也包括了大量的全球 化支持.但是,这种支持仅限于服务器端代码.ASP.NET AJAX 应用程序包括大量的客户端代码,而标准的 ASP.NET 本地化模型并不包括这

【转】了解使用 ASP.NET AJAX 进行局部页面更新

简介 Microsoft的 ASP.NET 技术提供了一个面向对象.事件驱动的编程模型,并将其与已编译代码的优势结合起来.但其服务器端的处理模型仍存在技术本身所固有的几点不足: 进行页面更新需要往返服务器,因此需要页面刷新: 来回往返不会保留 Javascript 或其他客户端技术(如 Adobe Flash)生成的任何效果. 在回传过程中,除 Microsoft Internet Explorer 之外的浏览器都不支持自动存储滚动位置.而即使在Internet Explorer 中,页面刷新时