`
viwo
  • 浏览: 221880 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Ajax的思考

    博客分类:
  • Ajax
阅读更多

Ajax被各种媒体宣传的太过火暴,抛开众多的宣传泡沫,我们来认真的思考一下,Ajax到底是什么?它能用来干什么?它应该用来干什么?
Ajax是Asynchronous JavaScript and XML的缩写,其中有三个关键词:
1 Asynchronous
2 JavaScript
3 XML
这三个关键词可以这么理解:
1 交互是异步的
2 在客户端用JavaScript接收、发送、展示数据
3 用XML作为传输介质
(注:严谨的说1,2,3都不一定,这里只考虑一般的状况)
那么这种性质的Ajax能用来做些什么呢?

可以用这么一段话来描述一下它的作用:
页面中的某个事件(点击、选择等)被JavaScript代码捕捉到,JavaScript对事件涉及到的数据进行封装,封装完成后以XML形式发送到服务器端,服务器端根据所给数据执行相应的查询处理封装出一份结果返回给客户端,客户端JavaScript接收到返回结果后解析并展现在客户端。

如果你理解了这段话,那么你应该会发现这和我们传统的“页面提交模型”很像。

差别其实就是这个Asynchronous,也就是说客户端数据封装后的发送是异步执行的,通俗一点讲就是:客户端向服务器端发送请求数据后,客户端这边该干什么还干什么,你看不出什么变化。当结果从服务器端返回后,客户端JavaScript得到结果,神不知鬼不觉的把结果放在页面的某个地方。

这样你说Ajax能用来干什么?可以说传统的“页面提交模型”能干的事情它都能干。
但是它能干未必就意味着我们就要这么干。试想,用户注册页面用Ajax实现会是怎么个场景?

最后,它应该用来干什么?
1 二级或N级联动列表
如果下一级列表数据依赖于上一级选择,并且数据是动态不定的,那么这种情况用Ajax实现就会很自然。
2 用户界面输入辅助
你在Google中输入一个或几个字,就会出现一个下拉列表供你选择比较热门的相关词语。
3 数据校验
当焦点离开某控件时判断控件中数据是否合法。

以上三种情况是我认为比较适合使用Ajax的代表。当然Ajax还有更多的应用,不过从上面我们“可见一斑”。

基于上述各点,我认为Ajax能为Web程序添加很多光彩,但是想要颠覆甚至取代传统Web编程模型,那是不可能完成的任务。

分享到:
评论
35 楼 cheeruplc 2011-08-03  
这里有个问题请教一下,帮我解答一下啊,先谢谢了哈,
   我使用javascript中的Setinterval();方法设置了一段js代码每隔一段事件执行一次,这段代码中使用ajax处理后台数据,当此程序执行还未做出响应时,我发出另一服务器端请求,会相互影响吗?博客中:“客户端向服务器端发送请求数据后,客户端这边该干什么还干什么,你看不出什么变化”。“客户端这边该干什么还干什么”那么客户端可以再次发出别的Ajax请求吗?
34 楼 simon1118 2007-06-17  
支持dlee,任何存在东西的都有它的价值
在不了解的情况对其下一些片面的定论,是很不合理的。
33 楼 yvfish 2007-06-15  
总体来说,它能够更好的(相对来说)进行交互,为用户提供更好的体验和感受。很久以前就在用,那时还没有听讲过AJAX的名称,那时是向iframe提交请求,在响应的页面中用JavaScript更新发出请求的页面元素,虽然土了点但效果是一样的。一提到AJAX就用就想到Google,其实看看126.com做的也非常棒,相比较而言Gmail跟本就没脸见人了,呵呵
32 楼 dlee 2007-06-15  
sp42 写道
dos GUI?难道说的是UCDOS中的那个仿WIN的shell?

很多了,M$ DOS4.0里面的DOS Shell、最老的WPS for DOS版本都是。
31 楼 neora 2007-06-15  
以前我跟你的看法类似。经过1年的学习,我已经转变了。建议再深入学习研究下去。
30 楼 okhero 2007-06-15  
  ajax,我觉得它就是在利用client端的空佘时间(利用server)。最重要的是可以生成DOM文档(xml)和异步。
29 楼 sp42 2007-06-15  
dos GUI?难道说的是UCDOS中的那个仿WIN的shell?
28 楼 metaphy 2007-06-15  
ajax也一样
27 楼 metaphy 2007-06-15  
去尝试用一下。
不了解javascript的时候我也很恼这个语言,但经过一段时间的学习就会发现原来javascript也同样有有趣的地方

26 楼 hexiaodong 2007-06-14  
windows时代也不是从天而降的,windows95之前的windows都是在dos上开发的。微软也正是因为有了windows1--windows3的实践才能创造出windows95。
大家投身创造一个新的时代,你可以选择旁观。
25 楼 cookoo 2007-06-14  
js的速度局限还是有的,复杂的应用影响会比较明显,比如google那个在线office就有点迟钝。另外有些特别的交互效果flash会更好些,比如google finance和yahoo finance的flash历史图表。
24 楼 huangtut 2007-05-07  
Ajax还是很有用的,菜单联动、输入辅助和数据校验只是很少的一部分罢了。很多地方可以用的Ajax的,比方说后台数据的刷新等等。
23 楼 fantasy 2007-04-18  
个人认为 ajax之所以火,是因为它给用户带来的友好性和易用性。
任何技术都是为业务服务,ajax的降临无可厚非!
22 楼 sp42 2007-04-15  
技术概念往往是这样的,只有在大量实践的漫长过程中才能够逐渐被理解或是曲解,如面向对象、分布式计算,都是如此。
21 楼 gates_lee 2007-04-15  
ajax可以带来很好的用户体验,但是开发效率、兼容问题是在让人头大。
20 楼 hexiaodong 2007-04-12  
前台聚合的确需要一些js代码,但假如你拥有一套比较完善的js控件,代码量是微不足道的。
比如我们显示列表的时候:

var grid = new Grid(divId,context,columns);
grid.bindData(objArray);
当然objArray是你用某种web server获得的对象数组

显示目录的时候:
var tree = new Tree(divId);
tree.bindData(root);

对我们来说聚合显示仅仅利用了ajax的一小部分能力,代码量也很少。
引用
将事件模型前推到客户端,在客户端响应用户的事件
。这里才是ajax更重要的舞台。
19 楼 winterwolf 2007-04-11  
dlee 写道
to winterwolf:
呵呵,兄弟,这么多年过去了,你还是躲在Cocoon那个理想国里面啊。:)


是啊 呵呵.

我现在不愁后台. 在后台实现ws简单的很 但是前台如何调用如何聚合却成了大问题.
18 楼 dlee 2007-04-11  
to winterwolf:
呵呵,兄弟,这么多年过去了,你还是躲在Cocoon那个理想国里面啊。:)
17 楼 winterwolf 2007-04-11  
这个blog看过了.其实soap也好rest也好我都不怎么关心,我自己都能再建立个新标准.而且我可以根据需要将自己的标准转换成soap或rest(rest其实还没有标准)

我头痛的问题是ajax太麻烦 比如我有4个ajax应用 现在我要将它们集成起来放到一个页面显示. 那么是不是所有js都要调整.还有js的效率问题 浏览器的兼容问题. 这比整和瘦客户端的view (xml+xslt+css) 要难太多了. 头都大了 !
16 楼 dlee 2007-04-11  
引用
我认为真正的RESTful web service客户端还没出现.这需要一种全新的设计.

那只是你的看法,国外已经很多了。Google前一段时间将基于SOAP的Web Service更换为RESTful Web Service就是一个例子。眼睛不要只盯着国内,国内的池子很浅,有几条真龙、有几条泥鳅,大家看的都很清楚。呵呵。

请看孟岩的一篇blog:
http://blog.csdn.net/myan/archive/2006/12/19/1449586.aspx

相关推荐

    AJAX In Action(中文版) pdf

    Ajax领域的新框架和组件库层出不穷,一些功能非常简单,一些则是过度的设计或者存在着严重的设计问题。Ajax开发者对于应该选择什么样的框架感到茫然无助,...我们需要的不完全是技术本身,还需要思考和选择的眼光

    深入浅出ajax

    Ajax作为流行的Web开发技术,由于其具有异步的数据请求和Web页面数据的无刷新改变等特性,广泛应用于Web 2.0与富客户端口Web中。...然后对现在流行的Ajax实现模式进行了介绍,掌握Ajax的思考方式。

    Ajax在Web应用上的分析与思考.pdf

    ### Ajax在Web应用上的分析与思考 #### 一、引言 随着互联网技术的快速发展,人们对Web应用的需求也在不断提高。传统的Web应用模型由于其局限性(例如:用户体验不佳、交互性差等)已经无法满足现代用户的期待。...

    优秀的外文ajax资料

    为了实现这一使命,我们需要从根本上改变我们对网页和应用程序的思考方式。我们已经识别出需要学习和摒弃的关键思想: 1. 浏览器承载的是应用程序,而不仅仅是内容。这意味着我们不再将Web页面视为静态的文档集合,...

    Ajax in Action.chm Ajax实战

    我们需要的不完全是技术本身,还需要思考和选择的眼光。 章节【1.1----8.6】 图书版权归出版社和作者所有,CSDN & DearBook独家提供试读和连载 仅作学习用,禁止用于商业用途,保护作者合法权益

    Head First Ajax 中文版

    深入浅出Ajax(中文版)和其他深入浅出系列书籍一样,使用许多有趣的视觉刺激来保持我们大脑思考的兴奋。在您读完书中第一章后,不但能够掌握一个基于Ajax的简单应用程序开发,而且还能够了解怎样让一个混乱的项目走上...

    Struts on Ajax-Retrofitting Struts with Ajax Taglibs

    首先,让我们思考一个问题:我们能否将Struts与Ajax结合起来使用?答案是肯定的。Ajax的核心是XMLHttpRequest对象,它能够实现客户端与服务器之间的异步数据交换,使得页面无需刷新即可更新部分内容。对于Struts来说...

    【卷一/共两卷】AJAX实战pdf高清版90M

    第一部分 重新思考Web应用 第1章 一种新的Web设计方法 1.1 为什么需要Ajax富客户端? 1.1.1 比较用户体验 1.1.2 网络延迟 1.1.3 异步交互 1.1.4 独占或瞬态的使用模式 1.1.5 忘掉Web 1.2 Aiax的四个基本原则 1.2.1 ...

    最新版的Ajax控件下载

    Ajax 控件,它使浏览器可以为用户...在Ajax之前,Web站点强制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。

    Ajax技术地图

    ### Ajax技术地图:深入解析与未来展望 #### 引言:技术地图的探索之旅 “Ajax技术地图”作为一篇深入探讨Ajax技术体系及其在Web开发领域应用前景的文章,旨在为读者绘制一张清晰的技术路线图,帮助大家理解Ajax的...

    Ajax in Action英文版

    Ajax领域的新框架和组件库层出不穷,一些功能非常简单,一些则是过度的设计或者存在着严重的设计问题。Ajax开发者对于应该选择什么样的框架感到茫然无助,...我们需要的不完全是技术本身,还需要思考和选择的眼光。

    J2EE的Ajax宝典

    - **重新思考Web应用**:这部分从历史角度审视Web应用的发展,分析了传统Web应用的优点和局限性,进而引出对Web应用进行重新设计的需求。 - **RIA应用与异步通信**:介绍RIA(Rich Internet Application)的概念,...

    ajax快速通道

    对一种技术的理解与思考越来越深入时,学习一种新技术也会更加容易。触类旁 通,举一反三的能力,就是来自于对于技术本质的追寻。 二、地图,本质上或多或少的相通,也提示着我们技术之间的相互关联,当 你了解的...

    Manning Ajax in Action

    《Manning Ajax in Action》一书首先从重新思考Web应用的角度出发,介绍了Ajax如何改变了传统的Web开发模式,使其更加符合现代互联网的需求。 ### 核心技术解析 在“核心技巧”部分,本书详细讲解了Ajax的实现机制...

    Head First Ajax 深入浅出Ajax 高清原版

    - **Ajax化思维**:鼓励开发者从整体上思考Ajax的应用方式,而不是仅仅将其视为一种技术手段。 ##### 3. JavaScript事件:对用户的反应 (JavascriptEvents:Reactingtoyourusers) - **事件处理**:介绍JavaScript中...

Global site tag (gtag.js) - Google Analytics