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

面试题 相关文章推荐
什么是java序列化,如何实现java序列化
Nov 14 面试题
Java TransactionAPI (JTA) 主要包含几部分
Dec 07 面试题
统计每一学生的平均成绩
Jun 06 面试题
一些.net面试题
Oct 06 面试题
某公司的.net工程师面试题笔试题
Nov 22 面试题
const和static readonly区别
May 20 面试题
linux下进程间通信的方式
Dec 23 面试题
Shell编程面试题
May 30 面试题
介绍一下grep命令的使用
Jun 12 面试题
EJB与JAVA BEAN的区别
Aug 29 面试题
遇到的Mysql的面试题
Jun 29 面试题
Shell脚本如何向终端输出信息
Apr 25 面试题
不同浏览器创建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
德生PL660的电路分析和打磨
2021/03/02 无线电
php格式化日期实例分析
2014/11/12 PHP
php实现监控varnish缓存服务器的状态
2014/12/30 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
JS 分号引起的一段调试问题
2009/06/18 Javascript
jquery提示 "object expected"的解决方法
2009/12/13 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
javascript实现画板功能
2020/04/12 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
python中正则表达式的使用详解
2014/10/17 Python
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
简介Django中内置的一些中间件
2015/07/24 Python
python snownlp情感分析简易demo(分享)
2017/06/04 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
python3 map函数和filter函数详解
2019/08/26 Python
python cv2在验证码识别中应用实例解析
2019/12/25 Python
Python Json数据文件操作原理解析
2020/05/09 Python
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
土地转让协议书
2014/09/27 职场文书
师德师风个人整改措施
2014/10/27 职场文书
Python函数对象与闭包函数
2022/04/13 Python