4.2  Ajax 应用中的视图

从应用启动时交付在浏览器端的JavaScript应用的立场来看，视图是可视的页面，由DOM元素组成。这些DOM元素通过使用HTML标记呈现，或者采用编程方式处理。我们在第2章已经显示了如何采用编程方式处理DOM。

遵照MVC，视图有两个主要的责任：它必须为用户提供一个可视的界面，以便触发事件，事件用来与控制器对话；它也需要在模型改变时做出响应，更新自己，通常需要再次通过控制器进行通信。

如果应用由一个团队开发，视图可能会成为最有争议的领域。程序员、页面设计师和图形艺术家都会参与进来，特别是当我们探索Ajax界面中交互性作用域的时候。让设计师来写代码，或者让程序员介入应用的美学，通常都是坏主意。即使当你承担了双重角色，也应该将它们分离，以便在一段时间内集中处理一个方面。

在服务器MVC概览中，我们展示了代码和表现如何混淆在一起，并使用一个模版系统分离了它们。在浏览器端我们有什么选项呢？

第3章示范了如何将Web页面结构化，以便将CSS、HTML和JavaScript定义在分离的文件中。在页面部分，这种分离遵从MVC：样式表是视图，HTML/DOM是模型（一个DOM）。尽管从现在的观点来看，页面的呈现是一个黑盒子，HTML和CSS应该一起被看作是视图，但分离它们仍然是一个好主意。通过简单地将JavaScript分离出来并放在一个分离的文件中，我们可以使页面设计师和程序员相互隔离，不互相影响。你马上会看到，这仅仅是一个好的开始。