b/s结构中ajax技术浅析,B／S架构WEB程序中AJAX异步传输技术的应用研究

第2 1卷第 6期 2 0 1 3年 1 2月 文章编号： 1 0 0 5— 1 2 2 8 ( 2 0 1 3 ) 0 6— 0 0 4 1— 0 3

电

脑

与

信

息技

术

V o l I 2 1 No . 6 D e e . 2 0 1 3

Co mp u t e r a n d I n f o r ma t i o n T e c h n o l o g y

B/ S架构 WE B程序中 A J A X异步传输技术的应用研究

郭兆良

(江苏食品药品职业技术学院，江苏淮安 2 2 3 0 0 3 )

摘

要：基于B/ S架构的 WE B的应用程序实现人机交互的常见方式是页面请求，页面完整刷新过程令用户体验变差，服

务器压力变大，程序响应速度变慢。利用 A J A X异步传输技术实现页面的局部更新，可以提升程序交互的效率，提升程序

界面的友好性。文章通过在线考试系统设计中的 A J:￣ X典型应用，介绍利用 A J A x实现页面局部刷新的原理和方法。

关键词： WE B程序； A J A X;交互性

中图分类号： T P 3 1 1, l 1

文献标识码： A

Ap p l i c a t i o n S t u d y o n W EN AJ AX As y n g h r o n o u s Tr a n s mi s s i o n Te c h n o l o g y

Ba s e d o n B/ S Ar c hi t e c t u r e Mo d e l

GUO Zha o—h a n g

( J i a n g s u F o o d& P h a r ma c e u t i c a l S c i e n c e Co l l e g e, Hu a i a n 2 2 3 0 0 3, C h i n a )

Ab s t r a c t: a c o n n T l o n wa y t o r e a l i z e h u ma n—— c o mp u t e r i n t e r a c t i o n s b a s e d o n B/ S a r c h i t e c t u r e mo d e l W E B a p p l i c a t i o n

pr og r a ms i s pa g e r e q ue s t . The c om p l e t e pa ge r e f r e s h pr o c e s s r e d uc e s t h e e fe c t s of us e r s’e xpe ie r nc e,i nc r e a s e s t h e pr e s s ur e

o f s e r v e s r a

n d s l o ws d o w n t h e s p e e d o f p r o g r a m r e s p o n s e . T h e r e l a i z a t i o n o f p a r t p a g e r e r f e s h wi t h a p p l i c a t i o n o f A J A X

a s y nc h r o no us t r a n s mi s s i on t e c hn ol og y c a n i nc r e a s e t he e f i c i e n c y of pr o ra g m i nt e r a c i t on s,o fe r f r i e n d l i e r pr o ra g m i nt e r f a c e .

T h e p a p e r, b a s e d O i l t y p i c a l a p p l i c a i t o n o f A J A X i n d e s i g n o f o n~ l i n e t e s t s y s t e ms, i n t r o d u c e s t h e p r i n c i p l e s a n d me t h o d s

o f he t a p p l i c a i t o n o f A J A X t o r e a l i z e p a r t p a g e r e f r e s h .

Ke yw o r d s: wE】 3 p r o ra g m; A J A X; i n t e r a c i t o n

基于 WE B的应用程序越来越多地采用 B/ S架构， 提高了程序开发效率，降低了维护成本。但是， C/ S时

J a v a S c r i p t可在不重载页面的情况与 We b服务器交换

数据。 A J A X应用可以仅向服务器发送并取回必需的数据，它使用 S O A P或其它一些基于 X M L的 WE B S E R— V I C E接口，并在客户端采用 J a v a S c r i p t处理来自服务

器的响应。因此在服务器和浏览器之间交换的数据大

期客户分散的处理任务，现在均交由服务器进行处理， 服务器的压力增大。由于每次应用的交互都需要向服

务器发送请求，频繁的数据交换以及相同的 H T M L在浏览器和服务器间往来，浪费了带宽，降低了效率，响应也慢，白屏现象更令用户体验感大大降低。利用 A—

量减少，响应更陕。同时很多的处理工作可以在发出请求

的客户端机器上完成，所以 We b服务器的处理时间也减少

了田。A J A X传输应用模型及工作原理如图 1所示。

J A X异步传输技术可以有显著改善 B/ S架构 WE B程序的上述不足。

1 A J A X技术

A j a x是 A s y n c h r o n o u s J a v a S c r i p t a n d X ML的缩写。

A J A X是一种独立于 We b服务器软件的浏览器技术。

…

…

…

…

j

……

……i

它不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 We b应用程序的技术。A J A X使

用J a v a S c r i p t向服务器提出请求并处理响应。其核心对

图1 A J A X传输应用模型及工作原理

A j a x不需要任何浏览器插件，只需要用户允许

J a v a S c r i p t在浏览器上执行即可。在基于 A j a x技术设计

象是 X M L H T I ' P R e q u e s t,通过这个对象，用户的

的系统中，浏览器不仅仅是内容的展示，而以完整的应

收稿日期： 2 0 1 3— 0 8— 1 4 作者简介：郭兆良( 1 9 6 7一 ),男，江苏省淮安市人，教育管理副研究员，主要研究方向：教育管理信息化。