基于Ajax技术的Web应用开发研究

合集下载

Ajax技术在Web应用系统的研究与开发

和删Ｌ，浏览器的兼容性和支持的标准也变得和ＪｖＳｒｐ的运行时ａａｃｉｔ性能一样重要了。这些问题中的大部分来源于浏览器、服务器和技术的组合，因此必须理解如何才能最好的使用这些技术。
（）Ａａ与传统Ｗｂ术的比较一ｊｘｅ技
函数来完成相应的处理或页面的更新，而不是刷新整个页面，从而实
ＬＰ．０５．２０
在发送或ｗｂｅ服务器在处理请求时，用户就必须等待，但如果负载过大，用户可能会等上好几分钟，而且等待过长，服务器会提示超时，
该网页不可用。
［］２阿斯利森，塔．ｊ基础教程ＩＭ】灵．京：民邮电出版舒Ａ；ＩＸ — ．金北人
处理结果以ＨＭ页面的形式返回给客户端浏览器。用户的Ｈｔ请求ＴＬ当ｔｐ
参考文献：
【］ＬＳ１ＡＳＥＯＮ１ＳＨＵＴＴＴ．ｏｎａｏｓｆＡａＣ．ｐｅＬ。ＣＡＮＦｕｄｔｎｏｊＭ３Ａｒｓｉｘｓ
程序环境最好的框架之一。
目前，开发Ｗｂｅ的主要技术有ｊｐｓ、ｐｐｓ、Ａｐｈ等，这些技术主要是基于传统的动态页面技术。传统的Ｗｂｅ应用采用同步交互过程（）图１，
用户先向Ｈｔ服务器发出一个请求。向发出请求的用户返回一ＨＭｔｐ再ＴＬ
要：阐述了Ａａ术及其工作原理，介绍了Ａａ技术在交互较多、频繁读数据的ｗｅ用中的优点，分析了基于Ａａｊｘ技ｊｘｂ应ｊｘ
的ｗｅ用模式，并对Ａａｂ应ｊｘ与传统Ｗｅ技术的进行了比较，设计了基于Ａａ技术的ｓｕｓｂｊｘｈｔ实时校验框架。

Ajax技术在Web2.0中的应用与实现

收稿日期ｔΒιβλιοθήκη ０００８— ６—０５作者简介：何维（９２一）１８，男，湖北武汉人，武汉科技大学中南分校信息工程学院教师。
２０年第４期０８
科技探索
密码ｍｍ。以下为创建此表的ＳＬ语句：ｉａＱ
ｃａｂｅｓｒｘｈｏｎｐｍｒｅｎｑｅｏｒｔｔｌｕｅｅｅａｓ（ｕａｔｒａｙｙｕｉｕｔｉｉｋｎｎｌｉｇｉａｈｒ（０ｎｔｎｌｕｌｎｍｎｖｒａ５）ｏｕｌｉａｖｒａ，ｘｇｃ，ｍｍａｈｒｃ（０ｏｎｌ５）ｎｔｕｌ３２服务器端代码．
以Ｊｖ语言为例，可用了ｓｒｅ程序封装所有ａａｅｌｖｔ
与服务器端的交互代码。利用一个过滤器来检查ｕ — ｓｅ对象是否己经保存在会话中。如果是，就接受；ｒ否则将根据请求中提供的用户名和密码来做身份验证。如果接受，请求就会继续传递到ｓｒｅ程序中；ｅｌｖｔ
｝
３３客户端登录页．
客户端登录页由两部分组成。一部分是动态网
页的ＨＭＴＬ代码，另一部分是Ａａ（ａａｃｉ）代ｊＪｖＳｒｔｘｐ
码，用来把请求发送到服务器端，并且要能处理响
用户登录门户网站的过程是：客户端代码先向
Ａａ立用户登录功能的实现方法。ｊｘ建关键词ｉＡａ；Ｊａｃｐｊｘａ，ｒｔｖＳｉ中图分类号：Ｔ３１Ｐ１文献标识码：Ａ ‘

Ajax技术在Web Services应用中的安全研究

对于开放性的网络来说，信息保护是一切应用得以正常使用的保障，本文的立足点就是通过分析Ａａｊｘ
２００６年４月１３１１收到
维普资讯
科
学
技
术
与工
程
６卷
于网页，户可以在网页上完成台式机上的操作，用也
ቤተ መጻሕፍቲ ባይዱ
提供者是指提供服务的平台；服务请求者是指查找和
可以在任何操作系统上运行，这正是ＷｅｅｉｓｂＳｒｃ所ｖｅ
需要的。
调用服务的客户端应用程序；服务代理是指用来存储
服务描述信息的信息仓库，它负责为服务提供方发布
服务，为服务请求方查找服务，并且将获取服务的信
＠
２０ＳｉｅｈＥｇｇ０６ｃ．Ｔｃ．ｎｎ．
Ａａｊｘ技术在Ｗｅｅｖｅ应用中的安全研究ｂＳｒｉｓｃ
张明张建军于瑞萍
（西北大学信息科学与技术学院，西安７０２）１１７
摘要分析了Ａｘｊ技术的工作原理，ａ讨论了其在ＷｂｅｉｓｅＳｒｃ应用中ｖｅ存在的安全问题，给出了用户服务请求＿包含的敏感信中
ＷｅｅｉｓｂＳｒｃ进行交互，ｖｅ让人们更好地获取Ｗｅｅ．ｂＳｒｖ
ｉｅ。ｃｓ
Ａａ的核心是ＪｖＳｒｔｊｘａａｃｐ对象ＸＬｔＲｑｅｔｉＭＨｔｅｕｓｐ。该对象在ＩｅｅＥｐｒｎｍｔｘｌｅ５中首次引入，ｔｏｒ它是一种支持异步请求的技术。简而言之，ＭＨｔｅｕｓ使ＸＬｔＲｑｅｐｔ用户可以使用ＪｖＳｒｔａａｃｐ向服务器提出请求并处理响ｉ应，而不阻塞用户。这样就不用每次将数据处理的工作提交给服务器来做，减轻了服务器的负担又加快了响应速度、缩短了用户的等候时间。Ａａｊｘ的运用是基

基于AJAX技术的WEB开发模式的研究与应用

响应速度更快 ¨ ．
１ＡＡ技术ＪＸ
１１基于ＭＡ．Ｘ技术的ＷＥＢ开发模式
基于ＡＡＪＸ的ＷＥＢ开发模式是一种异步概念．意味着客户端和服务器端不必再相互等待，这而是进
行一种并发的操作，户在发送请求以后可以继续当前工作，括浏览或提交信息．服务器响应完成之用包在后，ＡＡＪＸ引擎会将更新的数据显示给用户看，而用户则根据响应内容来决定自己下一步的行为．ＡＡ的工作原理是在用户和服务器间加了一个中间层，ＪＸ使用户操作与服务器响应异步化．这样就把以前的一些服务器负担的工作转移到客户端，利用客户端通过闲置的处理能力来处理，轻了服务器和带减宽的负担，达到节约网络带宽，提高页面浏览速度的目的．体的说就是在客户端和ＷＥ具Ｂ服务器端中问
山西师范大学学报（自然科学版）
第２４卷第４期２１００年１２月
ＪｕａｏｈｎｉＮｒｌＵｉｅｓｙｏｒｌｆａｘｏｍａｎｖｒｉｎＳｔ
ＮａｕａｉｎｅＥｄｔｏｔｒｌＳｃｅｃｉｉｎ
器端负担，节约空间和带宽成本．
（）３无刷新更新页面，减少等待时间．
收稿日期：００）—５２１４３１作者简介：王琦（９８）男，西平陆人，城学院计算机科学与技术系讲师，士，要从事数据库理论及应用方面的１７～，山运硕主研究．

AJAX技术在Web系统开发中的研究及应用

ＲｅｅｒｈｎｄＡｐｐｌｃｔｏｏＪｓａｃａｉａｉｎｆＡＡＸｃｏｌｇｎＷｅＳｙｔｍＤｅｅｏＴｅｈｎｏｙｉｂｓｅｖｌｐｍｅｎｔ
ＨＵＡＩＡｉｑｎ — ｉ
（ｐ．ｏｎｏｍａｉｎＴｃｎｌｙＡｐｉｔｎｉｎｉｏａｉｎｌＣｌｇｆＭｅｈｎｓａｄＥｅｔｃｙｉｎｎ３０３，ＣｉａＤｅｔｆＩｒｔｅｈｏｏｐｌａｉ，ＴａｊＶｃｔａｏｌｅｏｇｃｏｎｏｅｃｃｉｔｉ
的应用进行了研究与探讨。
也日显突出。一方面，户抱怨浏览Ｗｅ时交互性不好，用ｂ在使１ＪＸ技术概述ＡＡ用Ｗｅ功能时不像使用桌面系统那样方便；ｂ另一方面，ｂＷｅ开１１ＡＡ．ＪＸ的定义发和维护人员对实现页面复杂的功能和服务器承担接近临界的访问压力感到不满。这时Ａａ技术适时地产生了，ｊｘ由于它使
ｃｍｐｅｅｐｇｅｒｓｉｇｏｌｔａｅｒｆｅｈｎ，ｕｎｍｏｔｓｒｉｔｒｃｉｎａｄｓｒｅｏｅｌａｉｇｎｔｅｙｓｅ．ｓｏｈｕｅｎｅａｔｏｎｅｖｒｖｒｏｄｎｉｈｓｔｍＫｅｙｗｏｒｓ：ＡＪｄＡＸ；ＡＳＥＮＥＴＡｆａｗｏｋ；ＷｅＡＪＸｒｍｅｒｂ；ａｙｃｒｎｕａｔｍｓｎｈｏｏｓｐｔｅ
０引言
在Ｗｅ发展的初期，ｂ由于用户数量不多、ｂｗｅ网站提供给用户使用的功能有限，弊端并未完全暴露出来。但随着互联网的发展，ｂ网站制作得越来越华丽、Ｗｅ提供给用户的服务越来越多，再加上用户数量的飞速增长，ｂ同步模式造成的问题Ｗｅ

Ajax技术在Web开发中的应用

摘要：相对于传统的ｗｅ用，ｊ技术丰富了客户端的表现能力，大地改善了用户ｂ应Ａ“ 极体验，原因在于Ａ“ 技术实现了客户端与服务器间的数据通信，其ｊ并提供了两者间异步通信的能力，从而降低了网络传输的数据量，均衡客户端与服务器间负载。文章介绍了Ａａ术的起源与发展、ｊ的工作原理，点提出了如何利用Ａａ计思路编写程序。ｊｘ技Ａ“ 重ｊｘ设关键词：Ａ“ ；ｅ序开发；ｖＳｒｔｊｗｂ程７ａｃｉａｐ中图分类号：Ｔ３１５Ｐ９．文献标识码：文章编号：００８３（ｏ）４０３ — ３７Ａ１０ — １６２８１ — １９０ｏ
３ｊｘ工作原理Ａａ
ａａ的核心是ＪｖＳｒｔ象ＸＨｔＲｑｅｔｊｘａａｃｉ对ｐＭＬｔｅｕｓ。该对象在ｐＩｔｔＥｐｏｅ．ｎｅｘｌｒ５０中首次引入，它是一种支持异步请求的技ｍｅｒ术。ＸｔＲｑｅｔＭＩｔｅｕｓ使您可以使用ＪｖＳｒｔＨｐａａｃｉ向服务器提出请求ｐ
并处理响应，不阻塞用户。而
用户界面的响应比本地应用慢得多。因此，传统Ｗｅｂ应用的用户体验并不完美。Ａａ技术的出现弥补了传统Ｗｅｊｘｂ应用的这种缺憾。Ａａ应用可以仅向服务器发送并取回必需的数据，它使用ｊｘＳＡＯＰ或其他一些基于ＸＭＬ的Ｗｅｅｖｅ口，ｂｓｒｃ接ｉ并在客户端采用ＪｖＳｒｔａａｃｉ处理来自服务器的响应。由于服务器和浏览器之问ｐ交换的数据大量减少，结果我们就能看到更快的应用；另一方而很多的处理工作可以在发出请求的客户端机器上完成，所以Ｗｅ务器的处理时问大大减少，户体验更加完美。ｂ服用

Web中的Ajax技术应用研究

Ａａ简介ｊｘＡａ主要是由ＪｖＳｆｔＭＬＴＰＭＬＴｊｘａａｃｐ，ＸＨＴ，Ｘｉ，ＨＭＬ和ＣＳＯＳ，ＤＭ，ＸＳＴ这几种技术组成的。本文主要是对Ｌ
一
、
ａｏｔｂｒｇｔＨＲｓｏｓＨａｅｓｅＡｅｐｎｅｅｄｒｇｔｅｐｎｅｅｅｅｅｏｓＨｅｄｒＲＯｅｐｎ
取消当前请求获取响应的所有ｈｔｔｐ头从响应信息中获取指定的ｈｔｔｐ头创建一个新的ｈｔ求，并指定此请求ｔｐ请的方法、ＵＬ以及验证信息（Ｒ用户名密
码）
组成Ａａｊｘ的这几种关键技术予以介绍。
（）ＪｖＳｆｔ相关一ａａｃｐｉ首先，ＪｖＳｒｔ是一种跨平台基于对象的用于客户／ａａｃｉｐ
服务器应用的脚本语言。ＪｖＳｒｔ可以创建直接运行于ａａｃｉｐＩｔｔｎｅｍｅ上的应用。使用ＪｖＳｒｔ可以创建动态ＨＴａａｃｉｐＭＬ页面，用于处理用户输入及使用特殊的对象、文件和关系数据库维护稳固的数据。内部的协作信息管理和内联网发布到从大型超市的电子交易和商务，都可应用此便利。通过ＪｖＳｒｔ的ＬｖＣｒｃａａｃｉｐｉｅｏｍｅｔ功能，程序可以访问Ｊｖａａ和ＣＢＡ发布的应用程序。ＯＲ服务器端和客户端ＪｖＳｒｔ共享相同的核心语言。ａａｃｉｐ核心语言完全符合ＥＭＡ一６，这是欧洲标准体制订的脚本Ｃ２２语言标准，除此之外还有一些额外的加强。核心语言包含一组核心对象，如Ａｒｙ和Ｄｔｒａａｅ对象。它还定义了其他语言特性，如表达式、语句和操作符。尽管服务器端和客户端ＪｖＳｒｔ使用相同的核心功能，在某些情况下它们使用这ａａｃｐｉ些核心功能还是有相当大的不同的。其次，ＸｍＨｔｌｔｐ是一套可以在Ｊｖｓｒｔｂｃｐ、ａａｃｉ、ＶＳｆｔｐｉＪｃｐｓｒｔ等脚本语言中通过ｈｔｉｔｐ协议传送或从接收ＸＭＬ及其他数据的一套ＡＰ。ｍｌｔ最大的用处是可以更新网页ＩＸＨｔｐ的部分内容而不需要刷新整个页面。现在的大多数浏览器都增加了对Ｘｍｌｔ的支持，Ⅲ Ｈｔｐ中使用ＡｃｖＸＯｊｃｔｅｂｅｔ方式创建ｘＩｌｐ对象，其他浏览ｉＩＨｎ１器如：ｉｆｘＯｅａＦｒｏ、ｐｒ等通过ｗｉｄｗ．ＭＬｔＲｑｅｔ来创ｅｎｏＸＨｔｅｕｓｐ

基于AJAX开发智能web应用程序

维普资讯
２０ＮＯ．０７１０
Ｔ技术
ห้องสมุดไป่ตู้
ＳｉｎｅｅｄＴｅｈｏｏｙＣｏｓｌ百＿ｃｅｃｎｃｎｌｇｎｕ再Ｆ
基于ＡＪＡＸ开发智能ｗｅｂ应用程序
李慧文方志远管建和（中国地质大学信息工程学院北京１０８）０３０
摘要：绍了Ａｊｘ的基本原理，并通过一个Ｗｅ介ａｂ应用的具体实例分析，详细介绍了在．ｔ环境下如何利用Ａｊｘ来构建一Ｎｅａ个动态和交互性更好的智能Ｗｂ应用程序。ｅ关键词：ｔＡｊｘｗｅ应用Ｎｅａｂ中图分类号：Ｐ９Ｔ３３文献标识码：Ａ文章编号：６３５４２Ｏ）４ａ０１— １１７Ｏ３（Ｏ７Ｏ（）０３０
１引言
类，页面后台是ａｄｌ．ｓｘＣ，等一会要ｄｌａｐ．Ｓｓ
＜／ｃｉｔｓｒｐ＞
２ｈｗＱｅｙｉ（ｅｐｎｅｖｌｅ，）ｓｏｕｒＤｖｒｓｏｓ．ａｕ）ＡＪＸ代表了异步ＪＳＣｉ＋调用的服务器端函数也在这里面，所以用下ＡｖａｒＰｔａ接受后台函数传递的内容进行一系列处理。ＸＨＴＰｅｕｓ，并且意味着可以在基于面的语句。ＭＬＴＲｑｅｔＡｊｘ．ｉｉｙ．ｇｓｅＴｙｐＦｒａａＵｔｌｔＲｅｉｔｒｅｏＡｊｘ根据返回的结果集显示下拉区浏览器的ＪｖＳｒｔａａｃｉ和服务器之间建立套接字ｐｔｅｆｄｌ）ｙａｓ；ｖｒｄｖ＝ｇｔｉ（ｉＮａ）ａｉｅＤｖｄｖｍｅ；通讯。所有的ＡＪＡＸ应用程序实现了一种 “ 丰（ｐｏ（ｄｌ）２给将要被Ｊ）ｓ调用的函数标上Ａｊｘ．ａｗｈｌ（ｉｃｉＮｏｅ．ｎｔ＞０ｉｄｖ．ｈｌｅｄｄｓ１ｇｈｅ）富的” ——这是通过ＪｖＳｒｔ作ＨＴｕＩａａｃｐ操ｉＭＬｊｘｔｏＡｔｂｔ，由于以Ａｔｉｕｅｒｔｂｔ结ｒｄｖｒｍｏｅｈｌ（ｉ．ｉＮｏｅ［）ｉ．ｅｖＣｉｄｖｃｌｄｓ］；ｄｈｄ０文档对象模型并且经由ＸＨ￣ＲｑｅｔＭＬｔｅｕｓ实现ＡａＭｅｈｄｔｉｕｅｆｒ（ａ＝０；ｉ＜ｒｓｌＡｒａｏｖｒｉｅｕｔｒｙ．见ＭＳＮ “ Ｄ元数据 ”，可以）也的精确定位的数据检索来实现的… 。典型的尾的可以省略（ｊｘ．ｊｘｔｏ。要用到的服务端函１ｎｔｅｇｈ；ｉ＋）＋ＡＪＡＸ示例应用程序是ＧｏｇｅｏｌＭａｓｐ和写成ＡａＡａＭｅｈｄｅＳａｃＩｅ（，所以定义如下：ＧｏｌＳｇｅ。这些应用程序现场监视用户数是Ｇｔｅｒｈｔｍｓ）ｏｇｅｕｇｓｔ｛／每一个结果也是一个ｄｖａｅ／ｉｖｒｒ— ＡｒｙｉｔｒａＬｓｉｍｓ＝ｎｗｒｙｉ（ｓｌ＝ ’ｏｕｎ．ｒａｅｌｍｅｔ” ｉ）ｔｅｅＡｒａＬｓ）ｔ；ｕｔｄｃｍｅｔｃｅｔＥｅｎ（ｄｖ” ；输入并且提供实时的页面更新。最重要的是，ｓｒｎｔｉｇｍｙｅｅｔｅｙ＝ＳｌｃＱｕｒ将ｓａｐｎ添加为结果ｄｖ的子节点ｉ在用户通过地图导肮或输入一个查找字符串的ｓｉｇＦｒｔｔｎ．ｏｍａ（ｒｒｓｌａｐｎＣｆ（ｓｔ）ｅｕｔｐｅｄｈｄｒｕ１；．ｌｅｌ同时，这些事件不需要刷新页面。 ” ｅｅｔｄ，ａｉｓｓｌｃａｌａｎａｍｅｒｍｔｆｏｂｌｕｓｒｅ将结果ｄｖ添加为下拉区的子节点ｉ简而言之，由于来自于Ｇｏｌ的支持和ｏｇｅｅｅＣＲＩＤＸ。。ａｉｎｍｅ０ａｄｖａｐｎＣｉ（ｓｌ；ｉ．ｐｅｄｈｌｒｕｔｄｅ）安装了一点可用的浏览器技术，再加上为了ｗｈｒＨＡＮＥ（｛｝，ｌｓａ）＝ ”ｑｅｙ；／Ｑ３ｅＤｖ（是对层进行处理的函数。）ｇｔｉ）获取更好的用户体验，每个人都在把客户端１，ｕｒ）／最好用ＳＬ语句直接把相关４ｅｅｔｓｌ））ｓｌＲｅｕｔ（实现下拉框点击事件ｃ技术添加到Ｗｅｂ应用程序上，ＡＪＡＸ已成为记录搜索出来 … … 响应函数。Ｗｅｂ开发的重要工具 …。ｗｈｌｍＲａｅ．ｅｄ）ｉｅ（ｙｅｄｒＲａ（

Ajax技术在基于Web的实时监控系统中的应用研究

软件体系结构，ＣＳ但／结构在可维护性、可扩展性和跨平台性等方面表现出了较大的局限性。ＢＳ构／结
是随着Ｉｅｅ技术的兴起，ＣＳｎｒｔｔｎ对／模式的一种变化
或改进的软件体系结构。在这种结构下，用户界面
完全通过ＷＷＷ浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务பைடு நூலகம்端实现，具有客户端“ 零部署 ” 的优点，系统的开发、级和维护集升中在服务器端进行，大大减轻了系统的维护成本，这
服务器（／）浏览器／ＣＳ和服务器（／）式。其ＢＳ模中ＣＳ／结构是当前最成熟和最常用的实时监控系统
２１Ａａ．ｊｘ的运行方式
使用Ａａ后，客户端加入了一个Ａａ引擎，ｊｘ在ｊｘ客户端通过Ｊｖｓｆｔａａｉ调用Ａａｃｐｊｘ引擎向服务器端发
请求
ＨＭＩＴ
请求
ｌ
数据
体系结构是生产过程实时监控系统的发展趋势。
由于生产过程实时监控系统需要不断在界面上刷
Ｉ应用服｝Ｉ器
操纵Ｊ返回数据，ｒ结果
ｌ应用服务器ｌ
操纵Ｊ回｝返
数据．ｒ
结果
新数据，而传统ＢＳ结构采用的是“ ／请求一响应” 的交
互模式，数据通信的实时性较差，带宽消耗较大，这已成为ＢＳ／结构应用于工业监控软件的瓶颈。Ａａ技术是ｊｘ
近来兴起的一种创建交互式网页应用的网页开发新技
Ｉ数据库服务器ｌ

浅析AJAX在Web中的应用

ｃｎｌｇｓｔｅａｉｔｅｗｅｎｔｅｃｅｔａｄｓｒｅｏｙｃｒｎｏｏｔｈｏｏｙｈａｂｌｙｂｔｅｌｎｅｖｒｆｒＡｓｎｈｏｕｓｃｍｍｕｉａｏ，ｅｕｅｔｅｅｈｉｈｉｎｎｃｔｎｒｃｉｄｈ
前的操作，使用ＸＬｔｐｅｕｓ传送的数据可以是任何格式。ＭＨｔＲｑｅｔ２服务器处理完请求后，．调用回调函数：３回调函数解析服务器端返回的处理结果，．然后更新到页面所
需部分。
ＡＡＪＸ技术的核心内容就是使用户操作与服务器之间的响应异步化。为此，它就相当于一个中间层，处理客户端和服务器端的请
ｃｅｔｅｐｓｍｅｅｅｔｖｌ，ｒｖｅｕｅｘｅｅｃｆｅ —ｍｅｏｅａｏｒｒｅｄｙｉｌｎｓｏｎｅｔｆｃｅｙｔｉｒｉｉｏｍｐｏｅｔｓｒｅｐｒｎｅｏａｔｐｒｔｎｍｏｅｆｎｌ．ｈｉｒｌｉｉｉ
ＫｅｗｏｄｓＡＪｙｒ：ＡＸ；ｙｃｒｎｕ；ｅ；ｎｅａｆｎＡｓｎｈｏｏｓＷｂＩｔｒｃｏｉ
一
、
引言
客户浏览器赫用户界ｉＲｉ
在互联网时代，随着网络的高速发展，一些弊端也随之出现。如：等待服务器响应或屏幕刷新的时间过长等等。如何使用户能获得快速的响应，体验交互性带来的乐趣，成为目前Ｗｂｅ应用需要解决的问题。
计算机光盘软件与应用
软件设计开发
ＣｍｕｅＤＳｆｗｒｎｐｌｃｔｏｓｏｐｔｒＣｏｔａｅａｄＡｐｉａｉｎ２１００年第４期

AJAX技术在动态Web开发中的应用探讨

模式ｌｌ绘工程，０６１（）３— ３侧Ｊ２０，５６：０３．［ｅｓａｓＧｎｔＡａｗＡｐｏｃ２ｓｅＪｍｅａ＇ｔｊｘＡＮｅｐｒａｈ】Ｊｅ．ｔＷｅｐｌａｉｎ［ＢＯＬ．（）ｂＡｐｉｔｓ／ＪｃｏＥ
３４客户端存加载页面时直接发送绘制请求－
＜ｏｙｎｏｄ＝ｅｄｅｕｓ＞ｂｄｏｌａｓｎＲｑｅｔ０
＜ｂｄ＞／ｏｙ
… …
结束语Ａａｊｘ提供ｒ・与传统的请求／应方式种响迥异的交互方式，ＪＸ应用仅向服务器发送并ＡＡ取回必需的数据，可以把部分服务器的工作转并
请求与服务器响应异步化。每次Ｈ户提交请求ｊ后，ｊｘ引擎根据需要动态读写服务器、更改ＡａＤＯＭ内容，针对操作触发的各种事件，利用ＪｖＳｒｔａａｃｉ处理ＤｐＯＭ数据并依据ＸＭＬ和ＣＳ规Ｓ范进行界面的绘制。在此过程Ｉ，『｛所彳与服务端】的通汛都被集中提交给ＸＨｔＲｑｅｔｍｌｔｅｕｓ对象处ｐ理，陔对象支持异步请求，从而实现了向服务器提出请求并处理响应的同时，并不阻塞用户，用户从感觉上几乎所有的操作都会很快响应没有页面刷新（白屏）的等待。传统Ｗｅｂ应用模型与Ａａｂ应用模型的区别如图ｌ示。ｊＷｅｘ所３Ａａ技术在动态Ｗｅｊｘｂ系统中的应用Ａ的出现有代替传统Ｗｅｊｂ开发中采用Ｆｒ表单１ｏｍ（递交方式更新Ｗｅｂ页面的趋势，以可算是一个里程碑。虽然Ａａ并不是适用于所有ｊｘ场合，但是它的特性使得Ａａｊｘ特别适用于需要即时交互响应，大量、频繁地与服务器通讯ｊ传ｔ输数据的情况，比如ＷｅＧＳ系统地图的动态更ｂＩ新、／式Ｔ业监控系统的实时监控、天室、ＢＳ模聊动态曲线绘制等场景，优丁现在定时轮询服务端的策略，大大节省服务端的资源。本文以一个ＢＳ结构的动态血压监护仪的／客户端开发为例，给出基于Ａａ实时绘制动态ｊｘ『曲线的页面ｌｅｓ【】＿【ｉ．ｐ的关键代码，用以说明ｎｊ利用Ａａ实现实时交互的主要流程：ｊｓｋ３１创建一个跨浏览器的ＸＭＬｔＲｑｅｔ．Ｈｔｅｕｓｐ埘象实例

基于AJAX技术的MVC模式WEB应用

图１ＭＶ模式结构图【Ｃ４】
收稿日期：２０．０３０６１．１
作者简介：张Ｉ（９２一）￣１８，女，四川大学汁算机学院硕士研究生Ｎ
维普资讯
６６８
西南民族大学学报・然科学版自
第３卷３
３ＡＪ简介ＡＸ
ＡＡ（ｓｎｈｏｏｓａａｃｐａｄＭＬ是一个结合了ＪａＪＸＡｙｃｒｎｕｖＳｒｔｎＪｉＸ）ａ￣术、ＭＬ￣ＪｖＳｒｔｖＸ以｝．ａｃｐ的编程技术，ａｉ使用客户
端脚本与ｗｅ务器交换数据的Ｗｅ应用开发方法．ＪＸ艮ｂＡＡ其实并非一种新的技术，而是网络浏览器里已有的三
中断，并且减轻了服务器的负担．
图２两种应用模式的对比【１
４架构实现
虽然ＭＶＣ模式较好的解决了当前ＷＥＢ应用开发中的诸如代码扩展性、维护性、重用性及开发效率低等问
题，但是传统Ｗｂ应用采用同步交互过程，即使很小的请求都要重新刷新页面，ｅ大量无用数据重复下载，服务器的负担较重，用户也要经过漫长的等待时问．在实际应用中，类似投票等一些无关痛痒的场景，如果提交过程等待时间过长，很多的用户就会直接忽略而不参与，但是如果使用了Ａａ则可以大大缩短等待时问，ｊ）（从而使更多的用户会加入进来．为减轻服务器负担以及提高网站模式性能，ＭＶ在Ｃ模式中加入ＡＡＪＸ技术．如图３所示：
文章编号：１０．８３２０）３０８．４３２４（０７０ —６５００
基于ＡＪ技术的ＭＶＣ模式ＷＥＡＸＢ应用

AJAX在Web系统中的应用实践

图 2 AJ AX 的四个主要组件 4.AJAX 在 We b 系统中的应用 4.1 用户登录
图 1 AJ AX 模型(右)与传统 Web 应用模型(左)的比较
图 3 用户登录流程图
与传统的 web 应用不同, Ajax 采用异步交互过程。Ajax 在用户与服务器之间引入一个中间媒介, 从而消除了网络交互过程中的处理一等待一处理一等待缺点。用户的浏览器在执行任务时即装载了 Aj ax 引擎。Ajax 引擎用 JavaScript 语言编写,通常藏在一个隐藏的框架中, 它负责编译用户界面及与服务器之间的交互。Ajax 引擎允许用户与应用软件之间的交互过程异步进行, 独立于用户与网络服务器间的交流。现在, 可以用 JavaScript 调用 Ajax 引擎来代替产生一个 HTTP 的用户动作, 内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给 Aj ax 来执行。
45 1 15 0 )
【摘要】文章通过 AJAX 技术在 Web 系统的具体应用, 阐明了 AJAX 技术在 Web 异步交互方面的优越性。使用委托和门面模式相结合的复合模式, 隐藏了服务器端逻辑的具体实现, 降低了因页面直接访问服务器逻辑而引发安全问题的可能性。对在基于 Ajax 模式下开发 Web 应用具有一定的实用价值。
原理是相同的。Cookie 作为前端脚本与后端脚本都可以操作的对象也
成为了一种良好的沟通机制, 这种沟通机制也同样适应于模板生成与
前后台代码分离的需要。
4.2 用户登录身份验证 Web 的注册页面是通过文本框焦点变化
引起的前台与后台 AJAX 互动检查用户注册信息是否合法, 如图 4 为
用户的注册页面。

基于WebGL和AJAX的WEB3D应用研究——以在线3D协作交互式设计为例

路。ＷｅｂＧＬ是一种３Ｄ绘图标准，通过结合ＪａｖａＳｃｒｉｐｔ和ＯｐｅｎＧＬＥＳ２．０来提供一种类似于
和Ｗｅｂ应用的日渐丰富，传统的２Ｄ应用已经不再能满足部分用户的需求。特别是在游戏和电子商务行业，２Ｄ的场景展示很难提供良好的用户体验。总之，互联网技术的发展使得对ＷＥＢ３Ｄ的应用需求愈加强烈。
２０１３年２月第１９卷第１期
安庆师范学院学报（自然科学版）
ＪｏｕｎｒａｌｏｆＡｎｑｉｎｇＴｅａｃｈｅｒｓＣｏｌｌｅｇｅ（ＮａｔｕｒａｌＳｃｉｅｎｃｅＥｄｉｔｉｏｎ）
种集成了ＸＨＴＭＬ，ＣＳＳ，ＸＭＬ，ＸＳＬＴ，ＤＯＭ以及
ＪａｖａＳｃｒｉｐｔ等多项技术的编程技术Ｊ，其最大优点
是能在不更新整个页面的前提下维护数据，这使
ＷＥＢ３Ｄ引擎的研究起步较晚，创图公司在２００７年下半年推出了自主的ＷｅｂＭａｘ引擎拉动了国内对ＷＥＢ３Ｄ行业的关注。此后，老牌虚拟
一
ＷＥＢ３Ｄ是一种在虚拟现实技术的基础上，利
用３Ｄ互联网平台对现实世界中的有形物品进行建模及三维立体展示并可实现互动浏览操作的一

Ajax技术在Web开发中的安全研究

客户端存储等方面的安全缺陷。
关键词：Ａａ；Ｗｅ２；安全；策略；方法ｊｘｂ．０
中图分类号：Ｔ１．Ｐ３５１２
文献标识码：Ａ
文章编号：１７－１３２１）２０８— ３６１２５（０００— ０４０
功拦截了某个ＨＴ１Ｐ消息，么他很有可能会了解ｒ那
以使用如下代码安全地将ＪＯＳＮ反序列化为对象。
ｆｎｔｎｐｒｅＳＮ（ｓｎ）｛ｕｃｉａｓＪＯｏｊｏｖｒｒ＝， ” ａ＾（．＼Ｘ）？” ，｝］一．＋ＩＸｒＩ｛ｏ９一Ｉｎ］Ｘ［＼Ｂ：＼
２１年００
４月
ቤተ መጻሕፍቲ ባይዱ宁波职业技术学院学报
ＪｕｎｌｏｎｂｏｙｅｈｉｏｒａｆＮｉｇｏＰｌｔｃｎｃ
Ａｐｒ．２００１
Ｖｏ．４Ｎｏ２１１．
第１４卷第２期
Ａ技术在Ｗｅｊｘａｂ开发中的安全研究
石怡
易被拦截并破解。
ｉ．ｓｓｎ））｛／ＪＯｆ（ｒｅｔ（ｊｔｏ／ＳＮ格式正确，如
得Ａａｊｘ应用程序设计的复杂度不断的提高。
（）客户端与服务端通信风险。在胖客户端３
生，究方向为．Ｅ研ＮＴ应用开发。
石
怡：ｊｘ术在ＷｅＡａ技ｂ开发中的安全研究
架构中，客户端与服务端通常都使用二进制协议

浅析Ajax技术在Web开发中的应用

信息技术Chi 硪丽ZUIU NU ．／C h i n a N ewT e e h n o l o g i ：瞄圆团圈汪汪ii _P8M d P ⅫIucI “■嵋誓—‘山‘誓●i ■I ■-工■浅析．A j ax ”技术在W eb 开发巾的应用杜阳(青岛科技大学，山东青岛266042)摘要：A S P ．ne t A j ax 实现了W eb 页面丰富的部分刷新效果。

本文通过介绍A S P ．net A j ax 原理。

总结了在W eb 开发应用中要注意的若干问题。

合理地利用A S P ．ne t A j ax 技术，W eb 开发数据库应用就能获得更好的交互效果。

关键词：A j a x 介绍；W e b 开发1引言当前，W eb 技术的不断发展使得B ／S 得以广泛地应用。

但W eb 传统的开发技术使得网页的交互性能大打折扣。

随着A j 盯技术的兴起。

W eb 开发技术超越了传统的开发模式．发生了质的飞跃。

而微软公司推出的A SP ．net A j ax 框架与A SP ．net 的结合，使得W eb 的开发方式在．net 环境下更加简单易用，页面交互性能也得到很大提高。

2A 泌相关介绍2．1A J 缸引擎的原理A j a)【(A sy nchr onous J avaS cr i pt a nd X M L)是现有多种技术的综合，包括J avaS cr i pt 、X H TM L 、C S S 、D O M 、X M L 、X ST L 和X M L —H t t pR eques t 。

A j ax 使用X H T M L 和C s S 标准化呈现数据，使用D O M 实现动态显示和交互数据，使用X M L 和X ST L 进行数据交换与处理，使用X M LH t t pR equest 对象进行异步数据读取，使用Java ．Scr i pt 绑定和处理所有数据11I 。

A J 麟为交互操作较多、数据读写频繁和数据分类良好的w eb 应用提供了一个很好的解决方案。

基于Ajax技术的Web开发研究

作为一种新兴的设计理念没有人能够否认A j ax 的强大功能所在目前在全球范围内大量W eb 开发人员正在使用这种技术它是几种原有技术的新组合模式使用A j ax 对任何人来说都是一个不错的选择G oogl e 微软等巨头们相继推出基于A j a x 的W e b 服务G oogl e 推出了完美互动的北美地图G oogl eM a ps 性能非凡的电子邮件G m a i l 特殊的搜索引擎G oogl e Suggest 用户只需键入头几个字母它就能够提示完整的词组随后微软公司也推出代号为A t l as 的A j ax 工具A t l a s 的功能超越了A j a x 本身包括整合了V i sua l St udi o 的调试功能这些应用可以说是W e b2.0的先驱相信不久的将来大部分W eb 应用都可能采用A j a x 技术因此作为中国的软件设计开发人员有必要了解A j a x 的原理以及它的具体应用1Aj ax 理论模型与构架A j a x(A s ynchr onous J avaScr i pt a nd XML )是结合了J a v a X ML 以及Ja vaScr i pt 的技术可以构建基于J ava 语言的W e b 应用并打破了使用页面重载的惯例Aj a x 的所有组件都已存在了许多年A j a x 不是一个技术它是几种技术的组合每种技术都有其独特之处合在一起就形成了一个功能强大的新技术包括:X H TM L 和C SS 使用文档对象模型作动态显示和交互以及X M L 和XSLT 做数据交互和操作X M L H t t pRe ques t 进行异步数据接收Java Scr i pt 将它们绑定传统w eb 应用模型是这样:界面上的用户动作触发一个连接到W e b 服务器的H TT P 请求服务器完成接收数据处理计算访问数据库系统返回一个H TM L 页面到客户端如图1这是一个陈旧的模式Aj a x 的核心是J a v a S c r i p t 中的X m l H t t pRe que st 它支持异步请求简而言之Xml Ht t p Re q u e s t 使您可以使用JavaScr i pt 向服务器提出请求并处理响应而不阻塞用户如图2访问使用A j ax 建设的网站速度流畅2A j ax 的实践应用本文将用一个例子来具体说明A j ax 的应用在这个例子中A j a x 用于数据验证在客户端的用户会被要求在输入框中输入一个用户名服务器端有一个Ser vl et 会接收这个用户名然后从数据库中查询是否该用户名已经被注册假设a 是一个已经注册过的用户名如果该用户名已被注册页面会自动显示t he use r na m e you ent er ed ha d bee n us ed 反之则出现t he us e r na m e you e nt e r e d c an be used 这些提示都是在不刷新页面的情况下动态完成的接下来我们来实现这个基于A j a x 技术的W e b 应用准备工作1建立数据库CR EA TE TA BL E use r (use r na m e VA RCH AR2(20)P RI M ARY KEY);i nsert i nto user val u es('a');准备工作2建立服务器端的Ser vl et Ser vl et 的W e b.xm l 配置文件的核心代码如下<s er vl et -nam e >V a l i dat i onSer vl et </s er vl et -nam e ><ur l -pat t e r n>/V a l i dat i onSer vl et </ur l -pat t er n>这个Se r vl et 实现的功能是接受客户端发送的用户名i nt us e N um be r =c he c k(r e que s t .get Par am et er ("user na m e"));查询数据库内相同用户名的数量publ i c i nt chec k(St r i ng user na m e){......S t r i n g sql ="sel ect coun t (*)as user co unt f r oms t or euserw her e us er na m e ='"+use r na m e +"'";r s=st m t.execut eQ uer y(sql );user co unt =r s.get I nt ("usercount ");......r et ur n user count ;}根据数量确定返回用户端的字符串i nt us e N um be r =c he c k(r e que s t .get Par am et er ("user na m e"));......St r i ng m essa ge ="t he your us er nam e you ent er ed had be en used";i f (us eN um ber ==0){m e ss age ="t he your use r nam e you e nt er e d ca n be us ed";pass ed =t r ue ;}基于A j ax 技术的W eb 开发研究曹羽中杜明哲(哈尔滨理工大学软件学院150080)摘要页面重载是W e b 应用开发中最大可用性障碍传统的网络页面是众多HT M L 文件的组合页面的内容必须整个提交才能改变这使得W e b 应用程序的执行速度缓慢提升W eb 应用的执行速度已经成为信息时代发展的一个关键性问题近来Go o g l e 将一些存在多年的W eb 技术进行了重新组合设计出一系列令人炫目的产品它们都采用了一种综合性软件技术A j a x 写成A j a x 使得B/S 系统拥有C/S 系统的速度运用Aj a x 技术将使得用户体验和W e b 应用的可用性得到大幅度提升关键词Aj ax W e b 2.0异步数据中图分类号F224-39文献标识码A 文章编号1673-0534(2006)10(a )-0015-02图1传统W e b 应用模型图2基于A j a x 的W eb 应用模型(下转17页)hone yne t honeynet是hone ypot技术的延伸和发展也可以认为是蜜罐的一种形式蜜网是指采用了另外的技术的蜜罐能以合理方式记录下黑客的行动同时尽量减小或排除对i nt er net上其他系统造成的风险蜜网的系统结构一般是在其前端放置一个防火墙所有的信息包将通过防火墙进来防火墙能够对所有从我们的hone ypot 机器往外的每一个连接进行追踪当该hone ypot外发的数量达到我们顶先设定的上限时防火墙便会阻塞那些信息包这样可以在最大程度保证我们的机器不被滥用的前提下允许入侵者做尽可能多的他们想做的事这样做就避免了我们的honeypot成为入侵者扫描探测及攻击的系统防火墙与honeyne t之间还放置了一个路由器之所以放置它有下面两个原因首先路由器的存在使防火墙变得不可见了当我们的hone ypot被攻击后入侵者可能会察看从这里往外的路由这么放置更像一个真实的网络环境没人会注意到在路由器的外面还有一台防火墙其次路由器也可以对访问控制进行一些限制它可以作为对防火墙的一个很好的补充以确保honeypot不会被用来攻击陷阱网络之外的机器蜜罐领域最让人兴奋的发展成果之一就是出现了虚拟蜜网虚拟计算机网络运行在使用V i r t ua l pc V M w a r e或U s er-M ode Li nux等虚拟计算机系统的单一机器之上虚拟系统可以在单一主机系统上运行几台虚拟计算机(通常是4~10台)并在此网络上实现蜜罐构建蜜网虚拟蜜网大大降低了成本机器占用空间以及管理蜜罐的难度此外虚拟系统通常支持悬挂和恢复功能这样就可以冻结安全受到威胁的计算机分析攻击方法然后打开TC P/I P连接及系统上面的其他服务蜜罐涉及的法律问题蜜罐技术发展到今天主要涉及到了以下几个法律问题一是蜜罐设备属于记录设备因此它所记录的信息涉及隐私权的问题如果管理员恶意记录公司外部客户或内部员工的个人信息那么蜜罐技术就触犯了法律二是使用蜜罐技术进行诱捕活动是否违法的问题因为蜜罐技术只是用来防御攻击而不是主动攻击因此只要不是故意宣传蜜罐计算机而诱使黑客攻击就不属于违法行为结语蜜罐是一种共有主动应对入侵策略准备工作3:建立用户页面v al i dati on.j sp页面输入框的定义是用户名:<i n p u t i d="u s e r n a me" m axL engt h="20"si ze=20nam e="us er na m e" oncha nge="va l i dat e();"/>val i dat e()实现如下f unct ion val i dat e(){cr eat e X M L H t t pReque st();va r dat e=doc um e nt.get El em e nt ByI d ("user nam e");var ur l="<%=r eque st.get C ont ext Pat h ()%>/V al i dat i onSer vl e t?user nam e="+escape(dat e.val ue);xm l H t t p.open("G E T",ur l,t r ue);xm l H t t p.onr e a dys t a t e c ha nge= cal l b ack;}在输入框下面有一个<d i v i d="dat eM e ssa ge"></di v>这在J SP初始的时候是看不到的它的内容会动态改变第一步建立X m l H t t pRe ques t对象代码如下f unct i on cr eat eX M L H t t pR equest(){i f(w i ndow.A c t i ve X O bj ect){xml H t t p=ne w A c t i v e X O bj e c t ("M i cr osof t.X M LH T TP");}el se i f(w i ndow.X M L H t t pR equest){xm l H t t p=ne w X M LH t t pReque s t();}}第二步用X m l H t t pReque st来向服务器发R eques txm l H t t p.open("G E T",ur l,t r ue);xm l Ht t p.onr e a dys t a t e c ha nge=cal lback;其中open()是X M LH t t pReque s t的函数建立对服务器的调用向服务器发送请求O nr e adys t a t e change是其属性状态的变化都会触发这个事件调用J ava Sc r i pt函数函数实现如下f unct i on cal lback(){i f(xm l H t t p.r eadySt at e==4){i f(xm l H t t p.st a t us==200){va r m e s=xm l H t t p.r e s pons e X M L.ge t El em ent sByTa gN am e("m e s sa ge")[0].fi r st C h i l d.dat a;va r va l=xm l H t t p.r e s pons e X M L.ge t El e m ent s B yTa gN a m e("pas s ed")[0].fi r st C h i l d.dat a;set M essage(m es,val);}}}至此A j a x程序开发完毕把代码部署到服务器就可以运行A j a x在W e b应用场合除了数据验证还有按需取数据自动更新页面等A j ax展示了创建一个动态响应灵敏的W eb应用程序X m l H t t pReque st的有效性服务器负载处理异步等问题有待我们在实际项目中进一步研究在开发中轻松地把A j a x融合到站点中会让你的W eb应用大放异彩参考文献[1]R ya n A sl e son.A j a x基础教程.人民邮电出版社.200625~42.[2]霍炬.A j a x W e b2.0的催化剂.程序员.200587~90.(上接15页)的计算机系统它可以模拟多种操作系统或者是系统漏洞以吸引攻击者对网络的攻击从而保护网络安全采用蜜罐技术还可以人人减少所要分析的数据从而使查明攻击者的实际行为也就容易得多了需要说明的是蜜罐不是解决计算机网络安全问题的万金油也未必会对所有的组织都适用要确保网络安全需要先从内部做起比如为系统打上补丁关掉不需要的服务等然后正确设置防火墙和蜜罐系统只有这样才能确保网络安全参考文献[1]李学宝,宋如顺.利用蜜罐抵御网络蠕虫.计算机与现代化,2005(3).[2]杨守君,黑客技术与网络安全,中国对外翻译出版社2000,[3]诸葛建伟,蜜罐及蜜网技术简介,北大计算机科学技术研究所2004.。