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

面试题 相关文章推荐
怎样让char类型的东西转换成int类型
Dec 09 面试题
某公司Java工程师面试题笔试题
Mar 27 面试题
strlen的几种不同实现方法
May 31 面试题
一些网络技术方面的面试题
May 01 面试题
Can a struct inherit from another struct? (结构体能继承结构体吗)
Sep 25 面试题
LINUX下线程,GDI类的解释
Apr 17 面试题
介绍一下write命令
Aug 10 面试题
Linux面试题LINUX系统类
Nov 25 面试题
27个经典Linux面试题及答案,你知道几个?
Jan 10 面试题
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
May 30 面试题
介绍一下Java中的static关键字
May 12 面试题
如何通过jdbc调用存储过程
Apr 19 面试题
不同浏览器创建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
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
javascript 贪吃蛇实现代码
2008/11/22 Javascript
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
js 操作css实现代码
2009/06/11 Javascript
js实现网站首页图片滚动显示
2013/02/04 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
2014/02/19 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
vue使用nprogress实现进度条
2019/12/09 Javascript
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
jupyter notebook 的工作空间设置操作
2020/04/20 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
创立科技Java面试题
2015/11/29 面试题
大学生个人自我鉴定
2013/12/03 职场文书
高考励志标语
2014/06/05 职场文书
医学专业自荐信
2014/06/14 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers