基于Ajax的Web开发应用.pdfVIP

考试 周刊2009-el-g：52~．, 基 于 Ajax 的 Web 开 发 应 用 陆浩言1，2 李轶楠z (1东南大学 软件学院；2南京化工职业技术学院，江苏 南京 210000) 摘 要：AJAx技术作为一种新的Web开发模式已受到很 ia)(技供了客户端与服务器异步通信的能力，使用户从请求一 多开发者的青睐，AJa)技【术给Web的使用者带来了与传统Web 响应一再请求的循环脱出来 ．同时降低了网络传输的数据 应用不同的新体验 。本文介绍 了Aja)【的技术并通过在一个实 量 ，提高了客户端的响应速度，极大地提高了用户使用体验 ， 例给 出了Aja】【的具体应用方法 ．同时对AjaX的技术发展做 出 使得Web应用可 以接近甚至达到 “桌面应用 ”的效果。随着A． 了展望。 iax技术的快速发展，Ajax~发工具也层出不穷 ，Ajax框架使得 关键词 ：AJa】【Web 用户体验 函数 Ajax在Web应用开发变得更加合理和快速 ，功能也更加强大 ， 解决Ajax技术所存在的缺陷。现在网上流行几种开源的AJAX 1．引言 框架 ，比如 ：JQuery、Prototype、Dojo、DWR等 ，有些框架基于浏 在传统Web应用中。客户端与服务器通讯主要采用 同步 览器端 ，有些基于服务器端 。有些专门为特定语言设计 ，另外 交互方式。这种方式受到网络传输带宽和客户端表现技术等 一 些则与语言无关。其中绝大多数都有开源实现，但也有少 因素的限制，使得Web应用在实际使用中的表现并不尽如人 数是专用 的。 意。这与基于C／S模式的软件系统相 比，主要存在系统响应速 3．Aiax的应用实例 度慢、交互能力差、操作界面简单等不足。在软件使用越来越 下面 以利用Ajxa技术实现淡入淡出窗口为例来说明．在 人性化的今天，这些不足逐渐成为Web应用发展 的瓶颈。随着 本文的例子中采用Jquery框架来实现 ，因此在 网页中首先应引 以Ajax技术为代表的Web2．0技术的兴起，传统Web应用的不 入Jquery的JS文件 。 足得到了极大的改善。Ajxa是一种综合性的客户端技术，它在 3．1在 网页制作 出模拟 窗口 ’ 增强客户端表现能力的同时。可 以实现客户端与服务器 的异 在Web开发 中。要在 网页 中显示 出一个和桌面应用 中相类 步数据通讯，把用户与系统的交互程度 由页面分解到数据层 似的窗 口，可以通过div标签来实现 。 面．在提高Web系统性能的同时，大大改善用户体验。 divid=”win” 2．Aiax技术简介 divid=”title”标题栏!!spanid=”close”onclick=” Ajax(AsynchronousJavaseriptAndXML1本身并不是全 hide0”x／span／div 新的技术，而是指一种集成的方法，一种新的设计理念。使用 divid=”content”淡入淡 出窗 口显示 !／div 几 种 现 有技 术 ：包括 XML、Http、Request、Javascript、DOM、 ／div XHTML、CSS。Ajax是Web2．0的代表技术之一 ，本质上是一种 在 网页中为了让模拟 的窗 口和桌面应用 中相似 ．在窗 口中 (RIARichInterplieation)技术 。RIA是指具有高度互动性和丰 右上方使用…X’来关 闭窗 口。同时使用 函数hide来实现该功能。 富用户体验的网络应用程序 ．它既具有消息确认