`
viwo
  • 浏览: 220404 次
  • 性别: 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编程模型,那是不可能完成的任务。

分享到:
评论
15 楼 winterwolf 2007-04-11  
RESTful web service用js来控制交互 进而避免全部刷新界面. 但是我感觉ajax方案本身就有问题 就现在看来 没有一个复杂的ajax应用有足够快的速度.也就是说ajax给用户的体验并没有想像的那么好.只有一些小型的ajax应用速度还不错 但是它对改进交互的作用也有限.

在客户端的js很难和其他js客户端整和拼装,暴露出瘦客户端出现前的很多弊端.

我认为真正的RESTful web service客户端还没出现.这需要一种全新的设计. 单练js太脆弱了.

比较简单和现实的过度是xform.
1 它能减少server端开发,减轻server端的负载.

2 有比ajax快的多的速度

3 容易融合其它xml技术比如svg

4 可以继续保持瘦客户端开发模式不变.

14 楼 hred 2007-04-11  
好不好,要看大家的选择。

现在flash,ajax两个模式已经成为了富客户端的良好的解决方案,就足以证明它是不是一项好技术。

任何的新技术都有人说好,也有人说不好,但是如果该技术是成功的,其最终会凭借自身的特性获得地位,java是,php是,还有一些比较有前途的ror,ajax在进行中。

ajax之所以会有人怀疑,是因为还缺少杀手级的应用。拿得出来的就google的地图,mail,其他的大家还在思考中,别太着急下结论。

ajax其实也可以算javascript的重新发现。它要是成功了,那就是脚本语言的胜利。其实UI就是脚本语言的领域,它的成功应该是必然的。
13 楼 dlee 2007-04-11  
引用
可以这么看,Ajax把一个集中的请求响应拆分成多个请求响应碎片(只是这里的请求响应是异步的)。
这么看来服务器接收到请求的频率会增多。

为了达到你希望的减少请求频率的目标,而迫使用户将时间浪费在无助的等待上,你觉得很值得吗?
传统的Web应用,通信流量会出现一个很高的峰值,随后过一段较长时间再出现下一个很高的峰值。对于Ajax应用,通信流量的分布更加平稳,而且因为是采用异步的方式来通信,不会打断用户的操作,用户的工作效率会更高。

你说的频繁的小数据量的请求当然是一个问题,但是这只是一个实现上的问题,你不要把它贴到Ajax上误以为是Ajax的一个本质的标签。其实如果你用其他的RIA技术来做开发,都会遇到类似的问题。

解决方法是应用命令队列来将命令批量发送给服务器,这个在《Ajax实战》的第6章中有介绍。另外还可以采用一些缓存和预先获取的机制来减少与服务器端的交互,在《Ajax模式与最佳实践》中的“缓存控制器模式”中有深入的讨论。

你如果做过RESTful Web Service,再与传统的Web MVC开发模式进行一下对比,你就知道我说的“解放了服务器端”是什么意思了。顺便说一下,Struts、Spring MVC、Struts Tiles、SiteMesh、FreeMarker等等技术我都很熟悉。
12 楼 viwo 2007-04-11  
引用

我认为Ajax的核心思想有这些:
1. 将事件模型前推到客户端,在客户端响应用户的事件,表现逻辑也随之前推到客户端。这样解放了服务器端,使服务器端可以做自己更擅长的工作,而不需要大包大揽。
2. 服务器端得到了解放了之后,可以以一种全新的架构来加以实现,现在最流行的一种架构就是基于REST的Web服务(RESTful Web Service)。
3. 由于事件模型在客户端,而且工作流跳开了传统的Web应用中基于HTML表单交互的请求-等待-请求的同步方式,因此响应速度更加迅速,应用的可用性大为改善,用户的工作效率大为提高。

Ajax能使应用的可用性大为改善,用户的工作效率大为提高,这个的确,但是解放了服务器端这个我认为不一
定。可以这么看,Ajax把一个集中的请求响应拆分成多个请求响应碎片(只是这里的请求响应是异步的)。
这么看来服务器接收到请求的频率会增多。
还有Ajax的却是个很好的技术,更是一种新的Web编程模式,说它是雕虫小技我也不赞同,我认为它是传统Web编程模型很好的补充而非替代。
11 楼 daynight830 2007-04-11  
觉得AJAX的代码维护起来工作量很大。有什么好方法吗?
10 楼 rautinee 2007-04-10  
jindw 写道
Ajax是什么,一些网页上的雕虫小技而已。
http://www.iteye.com/post/221727



雕虫小技?

google的ajax应用也是雕虫小技?!

9 楼 dlee 2007-04-10  
任何粗枝大叶的人都可以说:Java不过如此、Ruby不过如此、Spring不过如此、Rod Johnson不过如此、RoR不过如此、DHH不过如此...... 不过这些话并没有什么营养,还是有必要去了解一些具体的细节的。

我认为Ajax的核心思想有这些:
1. 将事件模型前推到客户端,在客户端响应用户的事件,表现逻辑也随之前推到客户端。这样解放了服务器端,使服务器端可以做自己更擅长的工作,而不需要大包大揽。
2. 服务器端得到了解放了之后,可以以一种全新的架构来加以实现,现在最流行的一种架构就是基于REST的Web服务(RESTful Web Service)。
3. 由于事件模型在客户端,而且工作流跳开了传统的Web应用中基于HTML表单交互的请求-等待-请求的同步方式,因此响应速度更加迅速,应用的可用性大为改善,用户的工作效率大为提高。

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

这个很难说,不要这么早下断言。Ajax和各种RIA技术相结合,是完全有可能彻底改变Web表现层开发的面貌的。

最后做一下广告,不要扔西红柿,呵呵。古人说“学而不思则罔,思而不学则殆”,我们做的《Ajax模式与最佳实践》、《Ajax设计模式》本月都会正式出版,大家支持一下。当然还有去年做的《Ajax实战》。这几本书即使大略读一下,也会有帮助的。
8 楼 cozone_柯中 2007-04-10  
hexiaodong 写道
ajax如果只用来开发网站,的确是雕虫小技。但如果用来开发企业信息系统,那么它是这类系统的关键技术。


ajax 的确是雕虫小技 复杂的是业务逻辑
7 楼 jianfeng008cn 2007-04-10  
Nothing is Impossible
Everything is Possible
6 楼 hexiaodong 2007-04-10  
ajax如果只用来开发网站,的确是雕虫小技。但如果用来开发企业信息系统,那么它是这类系统的关键技术。
5 楼 qingyuan18 2007-04-10  
楼主,你说的1,2,3点Ajax应用都已经在我的项目中实现,呵呵

其实ajax还有一点就是它的思想:把Web变成Internet应用程序,这才是ajax的精髓,呵呵~
4 楼 jindw 2007-04-10  
Ajax是什么,一些网页上的雕虫小技而已。
http://www.iteye.com/post/221727
3 楼 cozone_柯中 2007-04-09  
传统Web编程模型
和 ajax
双剑合并才能发挥最大威力
2 楼 lijie250 2007-04-09  
我感觉也是啊
有些夸张的宣传,不过有些地方还可以
1 楼 sp42 2007-04-09  
。。。那是不可能完成的任务。
Impossible is Nothing

相关推荐

    AJAX In Action(中文版) pdf

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

    深入浅出ajax

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

    Ajax in Action.chm Ajax实战

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

    Head First Ajax 中文版

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

    【卷一/共两卷】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 in Action英文版

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

    AJAX讲座Think In Ajax

    传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例-山东移动网站自助服务揭密 Ajax的挑战和思考

    ajax快速通道

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

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

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

    AJAX——新手快车道

    AJAX——新手快车道 一、本质,一种技术与另一种技术之间,往往会有本质上的相通之处,当你 对一种技术的理解与思考越来越深入时,学习一种新技术也会更加容易。触类旁 通,举一反三的能力,就是来自于对于技术本质...

    Ajax实战(e文)

    我们需要的不完全是技术本身,还需要思考和选择的眼光。Ajax in Action正是能够带给读者选择的眼光的著作。它使读者能够全方位地理解Ajax开发,不仅仅是看到众多的树木,更重要地是看到整片的森林。架构设计的合理性...

    Ajax in action(中文版+源码)

    下载说明: <br>共八章 CSDN web版书籍连载整理成PDF文档,有目录,附源码! 目前最全的中文电子版本! <br>内容介绍: Ajax...我们需要的不完全是技术本身,还需要思考和选择的眼光。Ajax in Acti...

    基于J2EE的ajax宝典

    1.1 重新思考 Web 应用····· 2 1.1.1 应用系统的发展史············· 2 1.1.2 传统Web 应用的优势和缺点··············· 4 1.2 重新设计 Web 应用····· 5 1.2.1 RIA应用...

    Ajax培训讲义(PPT)

    Ajax培训讲义: 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例-山东移动网站自助服务揭密 Ajax的挑战和思考

    基于j2ee的ajax宝典

    1.1 重新思考Web应用····· 2 1.1.1 应用系统的发展史············· 2 1.1.2 传统Web应用的优势和缺点··············· 4 1.2 重新设计Web应用····· 5 1.2.1 RIA应用·····...

    审视 Ajax 透过华而不实的广告看本质

    受到 Alex Bosworth 列举的 Ajax 错误的触动,Chris Laffra 汇集了每位开发人员在考虑使用 Ajax 技术之前都应该认真思考的一些问题,分为两部分阐述。一些是潜在的问题,多数强调了 Ajax 的巨大潜力。

    Ajax实现城市二级联动(二)

    上一篇联动一种只是城市用ajax请求获取并渲染,这里将省份也用ajax请求并渲染 ... <select id="province"> 请选择 </select>... * * 第二种思路 - 重新思考 * * 一次性将省份和城市获取 */

    审视Ajax系列1:透过华而不实的广告看本质

    种种Ajax应用程序提供了...受到Alex Bosworth列举的Ajax错误的触动,Chris Laffra汇集了每位开发人员在考虑使用Ajax技术之前都应该认真思考的一些问题,分为两部分阐述。一些是潜在的问题,多数强调了 Ajax的巨大潜力。

Global site tag (gtag.js) - Google Analytics