Ajax:一个建立Web应用的新途径

如果要问做什么事是最有吸引力,那就是创建Web应用。毕竟,上次你听到有 人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很cool, 而且都是很创新的项目。

抛开这些不管,Web设计者们对设计交互式的Web没有什么更好的办法,却对 我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的界面以及对 于Web程序来说无法比拟的响应能力。同样,Web的快速发展,在我们所提供的体 验和用户从桌面应用程序所得到的体验间产生巨大的差距

而如今差距正在消失。请看看“Google建议(Google Suggest)”. 观察它按你的输入显示建议条目的更新速度,几乎是立即更新的。再看看 "Google Maps". 放大,用你的鼠标搬动和滚动。这些动作几乎是立 即响应的,不用等待页面刷新。

"Google Suggest"和"Google Maps" 是采用Ajax技术 的两个典型例子。Ajax是Asynchronous JavaScript and XML的简称,它表现出 一个Web开发上的根本转变,那就是,Web上可能做些什么.

Ajax的定义

Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在 一起就成了一个功能强大的新技术。Ajax包括:

XHTML和CSS

使用文档对象模型(Document Object Model)作动态显示和交互

使用XML和XSLT做数据交互和操作

使用XMLHttpRequest进行异步数据接收

使用JavaScript将它们绑定在一起

传统的web应用模型工作起来就象这样:大部分界面上的用户动作触发一个连 接到Web服务器的HTTP请求。服务器完成一些处理---接收数据,处理计算,再访 问其它的数据库系统,最后返回一个HTML页面到客户端。这是一个老套的模式, 自采用超文本作为web使用以来,一直都这样用, 但看过《The Elements of User Experience》的读者一定知道,是什么限制了Web界面没有桌面软件那么好 用。

图1: 传统Web应用模型(左)与Ajax模型的比较(右).

这种旧的途径让我们认识到了许多技术,但它不会产生很好的用户体验。当 服务器正在处理自己的事情的时候,用户在做什么?没错,等待。每一个动作, 用户都要等待。

很明显,如果我们按桌面程序的思维设计Web应用,我们不愿意让用户总是等 待。当界面加载后,为什么还要让用户每次再花一半的时间从服务取数据?实际 上,为什么老是让用户看到程序去服务器取数据呢?

时间: 2024-08-24 22:00:08

Ajax:一个建立Web应用的新途径的相关文章

Ajax: 一个建立Web应用的新途径

ajax|web  如果要问做什么事是最有吸引力,那就是创建Web应用.毕竟,上次你听到有人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很cool, 而且都是很创新的项目. 抛开这些不管,Web设计者们对设计交互式的Web没有什么更好的办法,却对我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的界面以及对于Web程序来说无法比拟的响应能力.同样,Web的快速发展,在我们所提供的体验和用户从桌面应用程序所得到的体验间产生巨大的差距 而如今差距正在消失.请看看"Goo

Ajax: 一种建立Web应用的新途径

ajax|web Ajax: 一个建立Web应用的新途径作者:Jesse James Garrett翻译:TurboChen 内容: Ajax的定义 Ajax如何不同凡响 谁在用Ajax 前进如果要问做什么事是最有吸引力,那就是创建Web应用.毕竟,上次你听到有人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很cool, 而且都是很创新的项目. 抛开这些不管,Web设计者们对设计交互式的Web没有什么更好的办法,却对我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的

一个建立Web应用新的途径

中介交易 SEO诊断 淘宝客 云主机 技术大厅 如果要问做什么事是最有吸引力,那就是创建Web应用.毕竟,上次你听到有人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很cool, 而且都是很创新的项目. 抛开这些不管,Web设计者们对设计交互式的Web没有什么更好的办法,却对我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的界面以及对于Web程序来说无法比拟的响应能力.同样,Web的快速发展,在我们所提供的体验和用户从桌面应用程序所得到的体验间产生巨大的差距 而如今

Ajax驱动的Web站点

ajax|web|站点 最近,许多Web站点开始在开发人员社区当中引起关注.这些站点独特之处在于,它们更像是桌面应用程序而非Web应用程序.当您与它们交互时,它们可以快速在浏览器显示无穷的信息而又无需重新加载页面.  例如,在Google Maps站点(http://maps.google.com/),您可以单击地图,缩小或者放大,然后随心所欲地来回移动鼠标.浏览器会连续地从服务器读取数据,但并不需要刷新浏览器.它们使用的不是applet或者类似Flash的其他程序.那么,它们是如何工作的? 下

用AJAX开发智能Web应用程序之高级篇(2)

ajax|web|程序|高级 •标准HTML复选框不支持"校验"事件以允许取消一个GUI行为,而这种要求可能存在于某些应用程序中. 现在,让我们看一个正在构建的该控件的用法示例,它的用法可能如下情形: <checkbox id="cbx_1" value="N" labelonleft="true" label="Show Details:" onValue="Y" offValu

java web应用中新起一个线程 在线程中怎么获取系统登录的数据

问题描述 java web应用中新起一个线程 在线程中怎么获取系统登录的数据 java web应用中新起一个线程 在线程中怎么获取系统登录的数据,系统登录用的是Spring Secrity 解决方案 可以使用缓存,自己写一个缓存类.或者使用Redis.

用AJAX调用SOAP Web服务:构建Web服务客户机

ajax|web|web服务|客户机 [导读]本文介绍如何使用异步 JavaScript 和 XML (Asynchronous JavaScript and XML, AJAX) 设计模式来实现基于 Web 浏览器的 SOAP Web 服务客户机. AJAX 已普遍用于许多知名的 Web 应用程序服务,例如 GMail.Google Maps.Flickr 和 Odeo.com.通过使用异步 XML 消息传递,AJAX 为 Web 开发人员提供了一种扩展其 Web 应用程序价值和功能的途径.这

用AJAX开发智能Web应用程序之高级篇

ajax|web|程序|高级 下载本文源代码 一. 引言 在第一部分中,我们讨论了AJAX基础--建立从脚本到服务器的通讯的能力,这正是使HTML页面具有动态能力的原因所在.然而,这就意味着我们已准备好抛弃我们自己版本的Yahoo邮件吗?不,还没有.原因在于:AJAX是一个混合的祝福.一方面,它使我们能够在Web上创建丰富的桌面级的应用程序:另一方面,如果我们把"翻页面式"的Web应用程序与客户端/服务器或Swing版本的程序进行比较,那么会看到其开发实践并不很相同.我们将需要习惯于这

ajax与传统web开发的异同点_AJAX相关

AJAX: 什么是AJAX AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换 AJAX 可以使网页实现异步更新,意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. AJAX的特点 基于Web标准,使用文档对象模