admin 管理员组

文章数量: 1086019


2024年4月13日发(作者：下载jquery什么版本)

Ａｊ　ａｘ技术在Ｗｅｂ系统中的应用研究　

徐　龙　

（内蒙古广电视大学教务处，内蒙古呼和浩特０１００１１）　

［摘　要】目前，Ｗｅｂ应用程序正在填平与传统桌面应用程序之间的鸿沟，ＡＪＡＸ预示着Ｗｅｂ将开始一次根本性的变　

革．因为ＡＪＡＸ正在将我们带入到下一代的网络应用之中。本文分析了Ａｊａｘ技术在Ｗｅｂ系统中的应用问题。　

［关键词］Ａｊａｘ技术Ｗｅｂ系统网络应用　

［中图分类号】ＴＰ３１２［文献标识码】Ａ［文章编号］１６７２—３４７３（２０１０）０３—００７３—０２　

目前，应用程序可以分为两大类：客户端／服务器（Ｃ／Ｓ）　

结构和浏览器／服务器（Ｂ／Ｓ）结构。Ｃ／Ｓ结构的应用程序响　

个中间层，使用户操作与服务器响应异步化。并不是所有的　

用户请求都提交给服务器，像一些数据验证和数据处理等都　

交给ＡＪＡＸ引擎来处理，只有确定需要从服务器读取新数据　

应速度较快、用户界面精细、动态性好，但客户端的部署及其　

更新的复杂性一直困扰着用户和开发人员；Ｂ／Ｓ应用无须安　

装客户端，程序的部署和更新相对简单，但缺乏良好的交互　

时才由Ａｊａｘ引擎代为向服务器提交请求。　

性，“请求一等待一请求”的应用模式较为单一，用户体验与　

Ｃ／Ｓ应用无法相比。Ａｊａｘ技术的出现正在改变着Ｂ／Ｓ结构　

二、ＡＪＡＸ技术特点　

ＪＡＸ的核心理念在于使用ＸＭＬＨｔＡｔｐＲｅｑｕｅｓｔ对象发送　

异步请求。最初为ｘＭＬＨｔｔｐＲｅｑｕｅｓｔ对象提供浏览器支持的　

是微软公司。早在１９９８年，微软公司开发Ｗｅｂ版的Ｏｕｔｌｏｏｋ　

时，就已经以ＡｃｔｉｖｅＸ控件的方式对ｘＭＬＨｔｔｐＲｅｑｕｅｓｔ提供了　

的应用模式，它使Ｂ／Ｓ应用的功能和交互性向Ｃ／Ｓ靠拢，用　

户界面更加友好。　

一

、

ＭＡＸ工作原理　

支持。ＡＪＡＸ解决方案不是单纯的一种技术，实际上，它由几　

自从采用ＨＴＭＬ进行Ｗｅｂ传输和呈现以来，无论是基　

于哪种服务器技术（ＡＳＰ、ＡＳＰ．ＮＥＴ、ＪＳＰ、ＰＨＰ），Ｗｅｂ应用的　

种蓬勃发展的技术以新的强大方式组合而成。ＡＪＡＸ包含：　

１．ＨＴＭＬ／ＸＨＴＭＬ（可扩展超文本标记语言）：主要的内　

容表示语言，编写结构化的Ｗｅｂ页面；　

处理模式都是采用同步交互。传统的Ｗｅｂ应用程序模型　

中，浏览器本身负责初始化向服务器的请求和处理服务器端　

的响应。用户首先向Ｗｅｂ服务器发送请求，服务器分析用　

户请求的内容后执行响应的任务，向用户返回结果。由于是　

“请求一等待一请求”模式，在这一循环的过程中，用户必须　

等待，这时浏览器显示空白页，直到服务器返回数据后才重　

新绘制页面。因为用户得不到立即的反馈，感觉上不同于桌　

２．ＣＳＳ（层叠样式表）：为ＨＴＭＬ／ＸＨＴＭＬ提供文本格式　

定义；　

３．Ｄ０Ｍ（文档对象模型）：对已载人的页面动态更新，是　

进行动态显示和交互的基础；　

４．ＸＭＬ（可扩展标记语言）：进行数据交互的格式；　

５．ＸＳＬＴ（可扩展样式表语言转换）：用于将ＸＭＬ转换为　

ＸＨＴＭＬ，并用ＣＳＳ修饰其样式，从而实现数据和页面显示的　

完全分离；　

面应用，这是一种不连贯的用户体验，也是Ｗｅｂ应用交互性　

差的原因所在。ＡＪＡＸ不同于传统的Ｗｅｂ模式，它采用异步　

交互，服务器处理提交数据的同时，客户端无需等待。由于　

６．ＸＭＬＨｔｔｐＲｅｑｕｅｓｔ：主要通信代理，用于进行异步数据　

的交互，是实现ＡＪＡＸ应用的核心技术；　

数据的发送和接收在后台完成，用户浏览器端显示的内容不　

会闪烁、消失或延迟，不会出现“白屏”。ＡＪＡＸ在真正意义　

７．ＪａｖａＳｃｒｉｐｔ：是ＡＪＡＸ应用在客户端使用的脚本语言，　

将以上各种技术绑定在一起。　

上实现了“按需取数据”局部更新页面，从而提高了应用程序　

的效率，节约了网络资源。ＡＪＡＸ通过ＪａｖａＳｃｒｉｐｔ和ＸＭＬＨｔ．　

ｔｐＲｅｑｕｅｓｔ对象在ｗｅｂ表单（用户端的）和服务器之间建立一　

三、ＡＪＡＸ原则　

作为一种新的Ｗｅｂ应用程序模型，ＡＪＡｘ仍处于幼年时　

［收稿日期］２０１０—０３—１５　

［作者简介】徐　龙（１９７６一），男，内蒙古广播电视大学教务处。　

一

７３—　

依儿　

埋上讲究　

白屏，是原来的页面内容，只有当数据接收完毕之后才更新　

相应部分的内容。这种更新是瞬间的，用户几乎感觉不到，　

期。不过一些Ｗｅｂ开发人员却已将这种新的开发方法视为　

一

个挑战。一个好的ＡＪＡＸ应用程序应该遵循的关键原则：　

１．尽量减少通讯量：ＭＡＸ应用程序向服务器发送的信　

带来了更好的用户体验。　。　，　

息量及从服务器接收的信息量应尽可能的少。减少客户端　

３．可以把以前一些服务器负担的工作转嫁到客户端，利　

用客户端闲置的能力来处理，减轻服务器和带宽的负担，节　

约空间和宽带租用成本。　

和服务器之间的通信流量，确保ＭＡＸ应用程序不发送和接　

收不需要的信息，以增强其可靠性。　

２．不意外：ＡＪＡＸ技术的应用有可能将引入与传统Ｗｅｂ　

应用程序不同的交互方式，与Ｗｅｂ标准的“点击一等待”模　

４．可以调用外部数据。　

５．不需要下载插件或者小程序。　

型相反，一些ＡＪＡＸ应用程序将使用诸如拖放、双击等其他　

用户界面风格。无论引入何种用户交互模型，都应以用户为　

先，确保ＡＪＡＸ应用的有效性和易用性。　

３．遵循常规：为了缩短用户学习的过程，在用户交互模型　

上应尽可能地直接参照传统Ｗｅｂ应用和桌面应用程序，为了让　

用户免于重新学习和习惯新交互模式，开发人员不应过分关注　

和浪费时间去发明不熟悉的交互模型。　

４．可访问性：充分考虑主要用户的需求和喜好的同时也　

不能闭门造车，将没有预料到的新用户拒之门外。要充分考　

虑到用户是否会使用老版本的浏览器或特定的软件，以制定　

相应的措施。　

５．避免下载整个页面：当最初的页面下载之后，所有与　

服务器的通信都交由ＡＪＡＸ引擎管理。避免一些地方通过　

ＪＡＡＸ来完成少量数据的下载，而在另一些地方却仍需重新　

下载整个页面，这种做法会对用户的体验造成破坏。　

ＪＡＡＸ以提高Ｗｅｂ可用性和用户体验为出发点，在实践　

中坚持上述几个原则有助于保证ＡＪＡＸＷ比应用的有效性和　

可用性。　

四、技术分析　

（一）ＡＪＡＸ的技术优势　

与传统的Ｗｅｂ开发不同，ＡＪＡＸ并不是以一种基于静态　

页面的方式来看待Ｗｅｂ应用的。从ＡＪＡＸ的角度看来，Ｗｅｂ　

应用仅由少量的页面组成，其中每个页面其实是～个更小型　

的ＭＡＸ应用。而一些简单的ＡＪＡＸ应用，例如～个简单的　

ＲＳＳ阅读器，甚至只有一个页面。每个页面上面都包括有一　

些使用ＪａｖａＳｃｒｉｐｔ开发的ＡＪＡＸ组件。这些组件使用ＸＭＬＨｔ—　

ｔｐＲｅｑｕｅｓｔ对象以异步的方式与服务器通信，从服务器获取需　

要的数据后使用ＤＯＭ　ＡＰＩ来更新页面中的一部分内容。因　

此ＡＪＡＸ应用的优势主要表现在以下几个方面：　

１．减轻服务器的负担。ＡＪＡＸ的原则是“按需取数据”，　

可以最大限度地减少冗余请求和响应减轻服务器负担。　

２．无刷新更新页面，减少用户等待时间。特别的，当要　

读取大量的数据的时候，不用像Ｒｅｌｏａｄ那样出现白屏的情　

况，ＪＡＡＸ使用ＸＭＬＨＴＩ＇Ｐ对象发送请求并得到服务器响应，　

在不重新载入整个页面的情况下用ＪａｖａＳｃｒｉｐｔ操作ＤＯＭ最　

终更新页面。所以在读取数据的过程中，用户所面对的不是　

．－－——

７４．．．——　

６．ＡＪＡＸ使ＷＥＢ中的界面与应用分离，带来了更高的　

智能，并且提供了表现能力丰富的组件。　

（二）ＡＪＡＸ的技术劣势　

到目前为止ＭＡＸ的发展仍处于初级阶段，还存在一些　

问题。只有正视这些问题，才能在开发过程中去克服。　

用ＪａｖａＳｃｒｉｐｔ作的ＡＪＡＸ引擎，ＪａｖａＳｃｒｉｐｔ的兼容性和Ｄｅ—　

Ｂｕｇ都是让人头痛的事；ＪＡＡＸ的无刷新重载，由于页面的变　

化没有刷新重载那么明显，所以容易给用户带来困扰，用户　

不太清楚现在的数据是新的还是已经更新过的。　

对流媒体的支持没有ＦＬＡＳＨ、ＪａｖａＡｐｐｌｅｔ好；一些手持　

设备（如手机、ＰＤＡ等）现在还不能很好的支持ＡＪＡＸ，因此　

ＡＪＡＸ技术的使用要适可而止，过度使用很容易让系统陷入　

麻烦之中，系统复杂性剧增，程序也只能用ＩＥ访问。测试的　

时候这边ＡＪＡＸ的ＪａｖａＳｃｒｉｐｔ的ｂｕｇ满天飞，那边调试这种错　

误极不方便，没有好的ＪＳ的调试器，更看不到实际输出的ｂ卜　

ｍｌ代码。维护困难，加个新功能，ＪＳＰ文件、标签、Ｊｓ、后台类　

全要过一遍。ＡＪＡＸ最大的威胁是不良形式的数据。由于使　

用了异步代码。拒绝服务很容易发生。一种潜在的结果就　

是服务器资源耗尽，或者因为拒绝服务而引起服务器宕机。　

ＪＡＡＸ具有一些Ｗｅｂ应用的安全问题，除非你在服务器端安　

装应用防火墙，才能得到保护。比如一些恶意的用户可能会　

发送脏数据，尤其是创建攻击性的客户端。另一个问题就是　

未授权的用户访问。在ＡＪＡＸ应用程序中，如果没有服务器　

端保护的话，一个未授权的用户可以迅速提高自己的级别。　

ＡＪＡｘ还有一个问题。ＡＪＡＸ技术使得服务器通讯对于用户　

已经完全不可见，因此，你可以在用户不差觉得情况下传送　

数据。这也是一个很大安全隐患。　

［参考文献］　

［１］李国军，钟志强．基于ＡｊａＸ和Ｓｅｒｖｌｅｔ网络课程技术开发研究［Ｊ］．鞍山　

师范学院学报，２ＯＯ８，（６）．　

［２］谌燕，赵定远．基于ＭＡＸ的异步Ｗｅｂ开发模式［Ｊ］．成都大学学报　

（自然科学版），２０Ｏ７，（４）．　

［３］肖治国．ＲＩＡ技术特性及发展趋势［Ｊ］．长春大学学报，２ＯＯ８，（１２）．　

［４］杨英，周伟其．基于ＡＳＰ网上教学系统若干问题的探讨［Ｊ］．重庆工　

学院学报，２ＯＯ７，（５）．　

［５］崔英志等．Ｗｅｂ２．０时代的网站架构［Ｊ］．重庆工学院学报，２ＯＯ８，（５）．　

［责任编辑：王雷炎］　


本文标签： 用户 服务器 数据 页面

版权声明：本文标题：Ajax技术在Web系统中的应用研究 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1712969939a614884.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。