AJAX in Action
2007-12-19 06:56
309 查看
像其他人一样,当我看到一下RIA应用,例如Google Maps和Google Suggest的时候我都非常惊讶。我希望知道是如何实现的。现在,谜底揭开了,那就是AJAX。这是在我花了一段时间研究AJAX之后才知晓的。这里有一个很好的例子让我们知道AJAX是如何很好的应用在 JavaRSS.com 里面的。 Ajax(异步 JavaScript 和 XML)是一种编程技术,它允许为基于 Java 的 Web 应用程序把 Java 技术、XML 和 JavaScript 组合起来,从而打破页面重载的范式。
在AJax这个方案中有一个隶属于javascript的ECMAScript,是对javascript的扩展,专门用于解析xml文件的,所以又称为(ECMAScript for XML, E4X)。这种技术的引入,使得javascript对xml的解析变得非常简单。有异步,自然就有同步。而我们传统的网络应用正式基于同步传输的,及用户发出请求->服务器逻辑处理->服务器对用户请求做出回应即完成显示。这是用户访问一个应用或网页的完整流程,用户在从提出请求到请求结束过程中经过了三个等待过程,如果在传统方案中看上去这是无法改变的现实。然而是否真的这样呢,AJax不仅给我们提供了一种全新的思路,而且对传统方案提出挑战。
![](http://p.blog.csdn.net/images/p_blog_csdn_net/JavaProgramers/ajax.gif)
什么是AJAX: AJAX 是一个架构(architecture)并不是一种技术。AJAX代表异步的JavaScript和XML。
妙语(Punch Line): 延迟加载
问题: 当JavaRSS.com首页加载时,他同时加载了所有条目的介绍(如果你在设置中激活了)。这些介绍只有当你鼠标移动到该条目的上面的时候才显示。
现在的问题是用户不可能是鼠标移过所有的条目,所以预先加载所有的介绍不是个好主意。
解决方案: 使用AJAX,当鼠标移过的时候从服务器动态加载条目的介绍。
这么做可以使初始页的加载大小减小一半甚至更多,这样一来页面加载就更快,就内能得到一个更好的用户体验。
时序图:
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1669400
在AJax这个方案中有一个隶属于javascript的ECMAScript,是对javascript的扩展,专门用于解析xml文件的,所以又称为(ECMAScript for XML, E4X)。这种技术的引入,使得javascript对xml的解析变得非常简单。有异步,自然就有同步。而我们传统的网络应用正式基于同步传输的,及用户发出请求->服务器逻辑处理->服务器对用户请求做出回应即完成显示。这是用户访问一个应用或网页的完整流程,用户在从提出请求到请求结束过程中经过了三个等待过程,如果在传统方案中看上去这是无法改变的现实。然而是否真的这样呢,AJax不仅给我们提供了一种全新的思路,而且对传统方案提出挑战。
![](http://p.blog.csdn.net/images/p_blog_csdn_net/JavaProgramers/ajax.gif)
什么是AJAX: AJAX 是一个架构(architecture)并不是一种技术。AJAX代表异步的JavaScript和XML。
妙语(Punch Line): 延迟加载
问题: 当JavaRSS.com首页加载时,他同时加载了所有条目的介绍(如果你在设置中激活了)。这些介绍只有当你鼠标移动到该条目的上面的时候才显示。
现在的问题是用户不可能是鼠标移过所有的条目,所以预先加载所有的介绍不是个好主意。
解决方案: 使用AJAX,当鼠标移过的时候从服务器动态加载条目的介绍。
这么做可以使初始页的加载大小减小一半甚至更多,这样一来页面加载就更快,就内能得到一个更好的用户体验。
时序图:
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1669400
相关文章推荐
- Ajax in action书评(1)
- Chatting with Eric Pascarello(Ajax in Action coauthor)
- AJAX in Action
- AJAX in Action
- AJAX in Action
- Manning - ASP.NET AJAX in Action
- Ajax in action 英文版配书源码 下载
- AJAX in Action
- AJAX in Action
- ASP.NET AJAX in Action—MS AJAX Library 速览
- AJAX IN ACTION 学习笔记(四)
- 1.1.4Sovereign and transient usage patterns(ajax in action)
- ASP.NET AJAX in Action
- 面向对象程序员JavaScript指南---摘自《Ajax in action》附录B
- AJAX in Action
- ASP.NET AJAX in action第一天(ajax的基本使用步骤)
- AJAX in Action
- Allow Only Ajax Requests For An Action In ASP.NET Core
- Ajax In Action 附录 B 3.4
- Ajax in action (英文版)