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...

面试题 相关文章推荐
为什么使用接口?
Aug 13 面试题
Tomcat中怎么使用log4j输出所有的log
Jul 07 面试题
JSF面试题:Jsf中导航的标签是什么
Apr 20 面试题
类成员函数的重载、覆盖和隐藏区别
Jan 27 面试题
数据库什么时候应该被重组
Nov 02 面试题
杭州龙健科技笔试题.net部分笔试题
Jan 24 面试题
如何为DataGridView添加一个定制的Column Type
Jan 21 面试题
什么是.net的Remoting技术
Jul 08 面试题
逻辑链路控制协议
Oct 01 面试题
Linux开机引导的步骤是什么
Feb 26 面试题
十一个高级MySql面试题
Oct 06 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上?
Mar 30 面试题
不同浏览器创建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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
PHP队列用法实例
2014/11/05 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
Node.Js生成比特币地址代码解析
2018/04/21 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
Python PIL图片添加字体的例子
2019/08/22 Python
提升python处理速度原理及方法实例
2019/12/25 Python
如何以Winsows Service方式运行JupyterLab
2020/08/30 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
校庆活动方案
2014/03/31 职场文书
优质服务演讲稿
2014/05/14 职场文书
高三励志标语
2014/06/05 职场文书
房屋买卖协议样本
2014/11/16 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
致运动员的广播稿
2015/08/19 职场文书
python tkinter实现定时关机
2021/04/21 Python
基于Redis位图实现用户签到功能
2021/05/08 Redis
解析Redis Cluster原理
2021/06/21 Redis
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers