与 Ajax 混合

　　mashup 是一个 Web应用程序，它集成了来自多个源的内容并将其交付到一个页面中进行显示。服务器向每个内容源发出请求，解析收到的信息，并将结果综合到一个页面中发给浏览器，如 图 1 所示。

图 1. 混合来自多个源的内容

　　Asynchronous JavaScript + XML(Ajax)应用程序 使 Web 页面能从服务器获取内容并使用 JavaScript 代码异步地在适当位置进行自我更新，如 图 2 所示。这样，用户就可以与富用户界面 (UI) 进行交互而无需重新加载整个页面。服务器向浏览器发送初始页面，后者回调服务器以获取更新后的内容。异步的 JavaScript 代码调用频繁使用 XML 来编码数据;但是，其他的数据格式则更通用，如 JavaScript Object Notation (JSON)、HTML 和分隔文本。

图 2. 使用 Ajax 的交互式数据显示

　　Ajax mashup 是一种混合的 Web应用程序。它使用 Ajax 技术来显示富 UI，此类富 UI 使用从多个源异步检索到的内容在适当位置进行自我更新。服务器向浏览器发送初始页面，后者发出调用以检索更新后的内容。这些调用可从浏览器直接发往第三方源或者发回初始服务器，初始服务器用作第三方内容的代理。

　　格格不入

　　当设计包含当前浏览器环境的元素时，没有人注意到 Ajax mashup。浏览器、超文本传输协议(HTTP)或 HTML 或专门设计用于容纳浏览器的(以一种安全而健壮的方式)异步检索多个源中内容的功能的 XHTML 都没有内置任何组件。World Wide Web Consortium (W3C) HTTP 规范中的一些可能用于 mashup 的一些特性(如 Document Object Model (DOM) Level 3 Load 和 Save Specification)并未由大多数浏览器完全实现，或是根本没有实现。

　　Dynamic HTML (DHTML) 开始时不与动态检索到的内容结合使用。动态 Web 页面的显示和数据元素都与操作它们的脚本一起交付。这些脚本将显示、隐藏、移动、创建和销毁文档对象以便实现动态效果，但是一旦需要从服务器获取更多数据，原页面就被新页面取代。数据流与页面重新加载同步。

　　因此，希望构建混合 Web 应用程序(现在称为 mashup)的开发人员必须利用可用的技术设法对其进行扩展以满足他们的需求。有两种方法可使浏览器在无需重新加载页面的情况下检索内容：嵌入外部传输机制和使用浏览器本地对象执行传输任务。