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

面试题 相关文章推荐
error和exception有什么区别
Oct 02 面试题
关于Java String的一道面试题
Sep 29 面试题
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
Feb 22 面试题
数据库笔试题
May 09 面试题
.NET面试题:什么是值类型和引用类型
Jan 12 面试题
网络安全方面的面试题
Jan 07 面试题
Windows和Linux动态库应用异同
Apr 17 面试题
百度JavaScript笔试题
Jan 15 面试题
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
May 29 面试题
this关键字的作用
Jan 30 面试题
金鑫耀Java笔试题
Sep 06 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
Nov 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
PHP脚本的10个技巧(4)
2006/10/09 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
PHP链表操作简单示例
2016/10/15 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
Javascript实现的分页函数
2007/02/07 Javascript
Javascript中的方法链(Method Chaining)介绍
2015/03/15 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
2015/10/04 Javascript
封装好的javascript前端分页插件pagination
2016/01/04 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
vue二级路由设置方法
2018/02/09 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
python中使用enumerate函数遍历元素实例
2014/06/16 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
Python 实现遥感影像波段组合的示例代码
2019/08/04 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
如何利用python发送邮件
2020/09/26 Python
css 元素选择器的简单实例
2016/05/23 HTML / CSS
销售行业个人求职自荐信
2013/09/25 职场文书
生产内勤岗位职责
2013/12/07 职场文书
单位在职证明范本
2014/01/09 职场文书
白酒营销策划方案
2014/08/17 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
离婚起诉书范本
2015/05/18 职场文书
保护动物的宣传语
2015/07/13 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
Pygame Time时间控制的具体使用详解
2021/11/17 Python
Python sklearn分类决策树方法详解
2022/09/23 Python