本章内容

l    组织复杂的用户界面代码

l    使用JavaScript实现模型—视图—控制器模式

l    为得到易维护的代码分离表现和逻辑

l    创建灵活的事件处理模式

l    直接从业务对象创建用户界面

第1章和第2章从可用性和技术的角度介绍了Ajax的基本原理，第3章简单谈到了通过重构和设计模式创建易维护（maintainable）代码的概念。在我们见过的例子中，这些方法看起来似乎是“杀鸡用牛刀”，但是随着我们更深入地探索Ajax编程，将会看到这些方法其实是不可缺少的。

在本章和下一章，我们讨论创建大型、可伸缩的Ajax客户端，以及达到这个目的所需要的架构原理。本章只考察客户端的代码，主要考察在第3章中讨论过的模型—视图—控制器（MVC）模式。我们在这个过程中也将遇到Observer和其他比较小的模式。第5章将考察客户端和服务器端之间的关系。

4.1  一种不同类型的MVC

第3章介绍了将一个简单的服装店应用程序重构为符合MVC模式的例子。大部分Web开发者以前曾经遇到过这种MVC：模型是服务器端的领域模型，视图是生成的发送给客户端的内容，控制器是一个servlet或一组定义应用的工作流页面。

MVC最初来自于桌面应用开发，但在Ajax应用中有几个场合可以用它来很好地为我们服务。让我们来看看这些场合。