AJAX都有哪些有点和缺点


Posted in 面试题 onNovember 03, 2012
传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然後返回一个新的网页。这个做法浪费了许多带宽,因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。
与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于 XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。
Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像 DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。
对应用Ajax最主要的批评就是,它可能破坏浏览器后退按钮的正常行为[4]。在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。不过开发者已想出了种种办法来解决这个问题,当中大多数都是在用户单击后退按钮访问历史记录时,通过建立或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)
一个相关的观点认为,使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现,大部分都使用URL片断标识符(通常被称为锚点,即URL中#后面的部分)来保持跟踪,允许用户回到指定的某个应用程序状态。(许多浏览器允许JavaScript动态更新锚点,这使得Ajax应用程序能够在更新显示内容的同时更新锚点。)这些解决方案也同时解决了许多关于不支持后退按钮的争论。
进行Ajax开发时,网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。不给予用户明确的回应 [5],没有恰当的预读数据 [6],或者对XMLHttpRequest的不恰当处理[7],都会使用户感到延迟,这是用户不欲看到的,也是他们无法理解的[8]。通常的解决方案是,使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。
一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax;
用JavaScript作的Ajax引擎,JavaScript的兼容性和DeBug都是让人头痛的事;
Ajax的无刷新重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的;现有的解决有:在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等;
对串流媒体的支持没有FLASH、Java Applet好;

Tags in this post...

面试题 相关文章推荐
一份全面的PHP面试问题考卷
Jul 15 面试题
为什么使用接口?
Aug 13 面试题
SQL Server面试题
Apr 04 面试题
介绍一下SQL Server的全文索引
Aug 15 面试题
.NET remoting的两种通道是什么
May 31 面试题
木马的传播途径主要有哪些
Apr 08 面试题
软件配置管理有什么好处
Apr 15 面试题
如何查看在weblogic中已经发布的EJB
Jun 01 面试题
腾讯公司的一个sql题
Jan 22 面试题
Java文件和目录(IO)操作
Aug 26 面试题
什么是抽象
Dec 13 面试题
介绍一下你对SOA的认识
Apr 24 面试题
不同浏览器创建XMLHttpRequest方法有什么不同
Nov 17 #面试题
什么是Remote Module
Jun 10 #面试题
AJAX的全称是什么
Nov 06 #面试题
Prototype是怎么扩展DOM的
Oct 01 #面试题
GWT都有什么特性
Dec 02 #面试题
JavaScript获取当前url根目录(路径)
Feb 19 #面试题
ajax是什么及其工作原理
Feb 08 #面试题
You might like
建立文件交换功能的脚本(三)
2006/10/09 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
2019/02/14 jQuery
JS回调函数简单易懂的入门实例分析
2019/09/29 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
阿望教你用vue写扫雷小游戏
2020/01/20 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
elementUI同一页面展示多个Dialog的实现
2020/11/19 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
python操作gmail实例
2015/01/14 Python
Django中的文件的上传的几种方式
2018/07/23 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
Python ADF 单位根检验 如何查看结果的实现
2020/06/03 Python
python 从list中随机取值的方法
2020/11/16 Python
flask项目集成swagger的方法
2020/12/09 Python
matplotlib绘制多子图共享鼠标光标的方法示例
2021/01/08 Python
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
生产车间主管岗位职责
2013/12/28 职场文书
继承公证书样本
2014/04/04 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
农民工讨薪标语
2014/06/26 职场文书
战略合作意向书
2014/07/29 职场文书
民用住房租房协议书
2014/10/29 职场文书
休假证明书
2015/06/24 职场文书
PHP使用QR Code生成二维码实例
2021/07/07 PHP