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一 ),男,江苏省淮安市人,教育管理副研究员,主要研究方向:教育管理信息化。
b/s结构中ajax技术浅析,B/S架构WEB程序中AJAX异步传输技术的应用研究相关推荐
- Web 开发中应用 HTML5 技术的10个实例教程
HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...
- python缓存技术_高级Python技术:如何在Python应用程序中实现缓存
缓存的重要性 缓存对于每个Python程序员来说都是一个需要理解的重要概念. 简而言之,缓存的概念主要是利用编程技术将数据存储在临时位置,而不是每次都从源检索数据. 随后,缓存可以提高应用程序的性能, ...
- H.266/VVC相关技术学习笔记16:VTM6.0中的CIIP技术(帧内帧间联合预测)
今天讲一下目前VTM6.0版本中的CIIP技术,CIIP即为帧内帧间联合预测技术,这属于Merge系列的一个分支. 该技术需要先计算当前预测块的帧内预测值,即用Planar.DC.角度预测等传统的帧内 ...
- 微信小程序中ajax同步请求方法[转载]
最近在做微信小程序,在ajax获取数据的时候卡了很久,需求是在一个ajax中请求完成然后用这个返回数据再去请求另一个ajax,然后把两个数据进行处理(在第一个ajax中).因为微信小程序ajax是异步 ...
- ajax请求get方法的封装,使用jQuery中Ajax的封装函数——$.get()
MATLAB中图片格式与视频格式的转换 参考:https://blog.csdn.net/iracer/article/details/48876473 Matlab-将绘图保存为视频VideoWri ...
- php消息实时推送技术,基于HTTP协议之WEB消息实时推送技术原理及实现
很早就想写一些关于网页消息实时推送技术方面的文章,但是由于最近实在忙,没有时间去写文章.本文主要讲解基于 HTTP1.1 协议的 WEB 推送的技术原理及实现.本人曾经在工作的时候也有做过一些用到网页 ...
- html语言技术基础,第2章Web编程基础HTML语言技术方案.ppt
通过Internet浏览世界各地的网络资源,或者要把信息通过Internet以Web方式发布到全球,就必须使用网页.网页就是用户在浏览器上看到的一个个画面.通过网页,即便是一个不懂计算机的人,也能借助 ...
- 小程序中ajax返回数据,请问在小程序中如何从请求success中将数据返回给对象data?...
我的代码如下: App({ data: { posts: {} }, onLaunch(event) { // console.log('onLaunch'); var that = this; sw ...
- virtualbox中文技术文档_随笔--西门子STEP7中如何寻找技术文档
西门子STEP7软件支持的编程语言除了常用的LAD/FBD/STL,还有SCL/GRAPH等,应该说除了LAD/STL之外,SCL和GRAPH也是比较常用的,至少对我个人来说是这样,但是每种指令在不同 ...
最新文章
- 粉色温馨——HTML框架示例
- 【转】HTML5移动端最新兼容问题解决方案
- matlab bwdist
- button点击后变色_汽车改色膜新潮流,2021年流行渐变色
- PHP 读取JSON数据
- 图像语义分割(3)-Dilated Conv:使用空洞卷积进行多尺度语义聚合
- cipher命令(转)
- Spring学习04:事务控制(TransactionManager)
- 固定资产管理系统项目总结
- 报表工具ActiveReports开发实例——物联网智能供水云平台
- 新能源电动汽车(EV)直流充电协议
- java+桌球小游戏图片_java实战之桌球小游戏
- pageadmin CMS网站制作教程:栏目单页内容如何修改
- win10共享打印机 报错 709 57
- 陈丹琦 关系抽取 2020 sota ner
- opencv学习笔记及复习(四)物体追踪及人体肤色追踪
- 晨曦记账本快速搜索收支账的基础操作
- Mysql出租车轨迹的分析_一种基于出租车轨迹数据的交通出行共现现象的可视化分析方法与流程...
- php,ajax -->Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse (<anonymous>)
- Python爬虫(2.网络爬虫的实现原理及技术)
热门文章
- matlab gpu deep learning_在Matlab中使用tensorflow (1)
- java内部方法调用_Java学习之类方法的外部和内部调用
- prince2 成功的项目管理_PRINCE2试听福利丨成功的项目管理方法论
- iOS获取缓存文件的大小并清除缓存
- 复利计算1.0,2.0,3.0,4.0,5.0
- VB6.0连接MySQL数据库
- 如何用堆栈和循环结构代替递归调用--递归转换为非递归的10条军规
- vue dplayer 加载失败_最新vue脚手架项目搭建,并解决一些折腾人的问题
- java 气泡 提示插件_Java气泡提示功能实现
- bin文件用cad打开_dwg文件怎么打开?CAD看图,360°精确识别CAD图块,细节见真章...