Ajax实战( Ajax in action中文版 1.1为什么需要Ajax富客户端 建造一个富客户端[2]毫无疑问要比设计一个网页复杂。付出这些额外的努力,动机何在? 需要付出什么代价?而且……等一下,富客户端到底是什么? 富客户端的两个要点是:第一,它是“富”的:第二,它是“客户端”。 这好像是一句废话,别急,待我稍作解释。“富”是指客户端的交互模型,要有多样化的输 入方式和符合直觉的及时反馈手段。说简单点儿,一个“富”的应用使用起来应该像是在使 用现在的桌面应用一样,例如,就像是使用字处理软件(Word)或电子表格软件(Excl) 接下来,我们有必要仔细地考察一下所要涉及的各个方面。 1.1.1比较用户体验 花几分钟使用一下你选中的应用(浏览器除外),记下它用到了哪些用户交互,然后马上回 来。为了简短起见,我举一个电子表格的例子,但是,这里所涉及的要点是通用的,足以针 对文本编辑器上的各种情形 好,我们开始。先在电子表格中随便输入几个等式,注意到,可以以几种方式进行交互:编 辑数据,用键盘和鼠标浏览数据,还可以使用鼠标拖拽来重新组织数据。 我做这些操作的时候,程序给了我反馈。移动鼠标的时候,光标改变了形状:当鼠标停在上 面的时候,按钮变亮了;选中的文字也改变了颜色。窗口或者对话框被选中的时候,也和平 常显得不一样了,等等(图1-1)。这些就是所谓“富”的交互。当然了,仍然有一些有待 改进的地方,但这是一个好的开始 电子表格就是一个富客户端程序了吗?当然不是 在电子表格或者类似的桌面应用中,业务逻辑和数据模型是在一个封闭的环 境中运行的。在这个环境中,它们彼此清晰地了解对方,并且可以互相访问,而环境之外的 东西,对于它们来说是未知的(图1-2)。那么客户端又是什么呢?它是与另一个独立的进 程相互通信的程序,后者通常运行在服务器上。一般来说,服务器总是要比客户端大一些 能力强一些,配置更好一些,因为在服务器上通常要存储浩如烟海的信息。客户端程序使得 最终用户可以查看和修改这些信息,当多个客户端连接在同一个服务器上的时候,可以在它 们之间共享这些信息。图1-3展示了一个简单的客户服务器架构。Ajax 实战(Ajax in action 中文版) 1.1 为什么需要 Ajax 富客户端？ 建造一个富客户端[2]毫无疑问要比设计一个网页复杂。付出这些额外的努力，动机何在？ 需要付出什么代价？而且……等一下，富客户端到底是什么？ 富客户端的两个要点是：第一，它是“富”的；第二，它是“客户端”。 这好像是一句废话，别急，待我稍作解释。“富”是指客户端的交互模型，要有多样化的输 入方式和符合直觉的及时反馈手段。说简单点儿，一个“富”的应用使用起来应该像是在使 用现在的桌面应用一样，例如，就像是使用字处理软件（Word）或电子表格软件（Excel）。 接下来，我们有必要仔细地考察一下所要涉及的各个方面。 1.1.1 比较用户体验 花几分钟使用一下你选中的应用（浏览器除外），记下它用到了哪些用户交互，然后马上回 来。为了简短起见，我举一个电子表格的例子，但是，这里所涉及的要点是通用的，足以针 对文本编辑器上的各种情形。 好，我们开始。先在电子表格中随便输入几个等式，注意到，可以以几种方式进行交互：编 辑数据，用键盘和鼠标浏览数据，还可以使用鼠标拖拽来重新组织数据。 我做这些操作的时候，程序给了我反馈。移动鼠标的时候，光标改变了形状；当鼠标停在上 面的时候，按钮变亮了；选中的文字也改变了颜色。窗口或者对话框被选中的时候，也和平 常显得不一样了，等等（图 1-1）。这些就是所谓“富”的交互。当然了，仍然有一些有待 改进的地方，但这是一个好的开始。 OK，电子表格就是一个富客户端程序了吗？当然不是。 在电子表格或者类似的桌面应用中，业务逻辑和数据模型是在一个封闭的环 境中运行的。在这个环境中，它们彼此清晰地了解对方，并且可以互相访问，而环境之外的 东西，对于它们来说是未知的（图 1-2）。那么客户端又是什么呢？它是与另一个独立的进 程相互通信的程序，后者通常运行在服务器上。一般来说，服务器总是要比客户端大一些， 能力强一些，配置更好一些，因为在服务器上通常要存储浩如烟海的信息。客户端程序使得 最终用户可以查看和修改这些信息，当多个客户端连接在同一个服务器上的时候，可以在它 们之间共享这些信息。图 1-3 展示了一个简单的客户/服务器架构