Ajax 技术与传统We 应用的比较[J].docVIP

文库下载 免费文档下载  HYPERLINK / / 　　 本文档下载自 HYPERLINK / 文库下载网，内容可能不完整，您可以点击以下网址继续阅读或下载：  HYPERLINK /doc/ae0912a2162ae5.html /doc/ae0912a2162ae5.html Ajax技术与传统Web应用的比较 Ajax技术与传统Web应用的比较 ２０１０牟第１期 中图分类号：ＴＰ３９３．０１ 文献标识码：Ｂ 文章编号：１００９—２５５２（２０１０）０１—０１０８—０３ Ａｊａｘ技术与传统Ｗｅｂ应用的比较 孙启良 （济南大学理学院，济南２５００２２） 摘要：Ａｊａｘ技术是浏览器与服务器交互方式的巨大改进，是ｗｅｂ２．Ｏ时代的重要标志。Ａｊａｘ技术利用客户端闲置的处理能力，减轻了服务器和带宽的负担，使用户交互变得流畅而连续。介 绍了Ａｊａｘ的工作原理，基本特点以及与传统ｗｅｂ应用的区别，并给出了一个Ａｊａｘ实例。关键词：ＨＴＭＬ；Ａｊａｘ；ＪＳＰ；ＪａｖａＳｃｒｉｐｔ ＣｏｍｐａｒｉｓｏｎｂｅｔｗｅｅｎＡｊａｘｔｅｃｈｎｏｌｏｇｙａｎｄ ｔｒａｄｉｔｉｏｎａｌ Ｗｅｂ ａｐｐｌｉｃａｔｉｏｎｓ ＳＵＮｏｉ．１ｉａｎｇ （Ｓｃｈｏｏｌ ｏｆ Ｓｃｉｅｎｃｅ，ＪｉｎａｎＵｎｉｖｅｒｓｉｔｙ，Ｊｉｎａｎ２５（）０２２，Ｃｈｉｎａ） ａｎ Ａｂｓｔｒａｃｔ：Ａｊａｘｔｅｃｈｎｏｌｏｇｙｉｓ ａ ｔｒｅｍｅｎｄｏｕｓｉｍｐｒｏｖｅｍｅｎｔｏｆｔｈｅｂｒｏｗｓｅｒａｎｄｓｅｒｖｅｒ．Ｉｔｉｓａｌｓｏｔｈｅｉｄｌｅｐｒｏｃｅｓｓｉｎｇｐｏｗｅｒｏｆｃｌｉｅｎｔｔｏｒｅｄｕｃｅｔｈｅｂｕｒｄｅｎ ｏｎ ｉｍｐｏｒｔａｎｔ ｉｎｄｉｃａｔｏｒｏｆＷｅｂ２．０ｅｒａ．Ｉｔ ＵＳｅＳ ｓｏｒｖ＇ｅｌ＇￥ａｎｄ ｂａｎｄｗｉｄｔｈ．ａｎｄｔｈｅｎｔｈｅｕ∞ｒｉｎｔｅｒａｃｔｉｏｎｈａｓｂｅｃｖｏｎｌｅｓｍｏｏｔｈｐｒｉｎｃｉｐｌｅｏｆ ｓｏｕｒｃｅ ａｎｄ ｃｏｎｔｉｎｕｏｕｓ．Ｔｈｉｓｐａｐｅｒｉｎｔｒｏｄｕｃｅｓｔｈｅ ｗｏｒｋｉｎｇ :///doc/ae0912a2162ae5.htmlrＡｊａｘ ａｎｄｔｈｅｄｉｆｆｅｒｅｎｃｅｂｅｔｗｅｅｎｔｒａｄｉｔｉｏｎａｌＷｅｂ印ｐｈｃａｆｉｏｎｓ ａｎｄＡｊａｘ．Ｆｉｎａｌｌｙ，ａ ｓｅｃｔｉｏｎｏｆｔｈｅ ｃｏｄｅｉｓｇｉｖｅｎ． Ｋｅｙ ｗｏｒｄｓ：ＨＴＭＬ；Ａｊａｘ；ＪＳＰ；ＪａｖａＳｃｒｉｐｔ Ｏ 引言 Ａｊａｘ即异步ＪａｖａＳｃｒｉｐｔ和ＸＭＬ，是ｗｅｂ２．０中的 １ Ａｉａｘ的工作原理 与传统的Ｗｅｂ应用不同，Ａｊａｘ采用异步交互过 一项关键技术，它允许把用户和Ｗｅｂ页面间的交互 与Ｗｅｂ浏览器和服务器问的通信分离开来。 程。Ａｊａｘ在用户与服务器之间引人一个中间介质，消除了网络交互过程中的处理、等待等缺点。相当于在用户和服务器之间增加了一个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转移到客户端，利用客户端闲置的处理能力，减轻服务器和带宽的负担，从而达到节约ＩＳＰ的空间及带宽租用成本的目的。 传统的ｗｅｂ应用允许用户填写表单（ｆｏｒｍ），当 提交表单时就向Ｗｅｂ服务器发送一个请求。服务 器接收并处理传来的表单，然后返回一个新的网页。 这个做法浪费了许多带宽，因为在前后两个页面中的大部分ＨＴＭＬ代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的 传统ｗｅｂ应用程序和Ａｊａｘ程序工作原理如图１ 所示。 图１左侧图形为传统Ｗｅｂ程序工作原理，此时服务器端承担大量的工作，客户端只有数据显示的功能。右侧图形为Ａｊａｘ应用程序工作原理图，客户 收稿日期：２００９—０７—１３ 作者简介：孙肩良（１９８０一），男，讲师，在职硕士研究生，主要研究方 向/doc/ae0912a2162ae5.html为计算机网络和计算机体系结构。 响应比本地应用慢得多。如果严重超过响应时间，服务器干脆告诉用户页面不可用。另外，某些时候， 如果只是想改变页面一小部分的数据，那么如何不必重新加载整个责面，减少用户等待的时间是亟待解决的问题。现在，这个问题基本得到了解决，除了 更优秀的程序设计、编码优化和调整服务器之外，还 可以采用Ａｊａｘ技术。 一１０８— 万方数据 啐孕 旨 主 邑 盘ｎ－ 善＂若 器请数求 据 Ａｊａｘ引！彦 上ｆ 客茎 橐 蕹 Ｉ Ｉ 服务器 ● ＋ 数据层 图１传统Ｗｅｂ和Ａｊａｘ工作原理 端界面和Ａｊａｘ引擎都是在客户端运行，这样大量的服务器工作可以在Ａｊａｘ引擎处实现。Ａｊａｘ应用程序的使用，实现了所谓的