12、探索 AJAX：从餐厅场景看 Web 应用交互变革

探索 AJAX：从餐厅场景看 Web 应用交互变革

1. 组件拼接打造新应用

在创建新应用时，有一种强大的技术是将各个组件无缝拼接在一起。例如创建了一个实用的页面，它能实现数据转换（如将位置转换为地理编码）、提供特定位置的交通数据，还能呈现地理空间展示背景。不过，由于篇幅限制，还有一些混搭元素未能展示，像 RSS 订阅源、音频、Flash 和可缩放矢量图形等。实际上，这类应用的发展仅受限于网络上开放服务的可用性。

2. 开启首个 RIA 之旅

在进入 Web 编程世界时，我们先了解了基础的 CSS、JavaScript 和 DOM 操作。在此基础上，我们开始探索 AJAX 相关内容。AJAX 是构建 Web 应用的重要技术，它由多个组件构成。为了更好地理解 AJAX 与传统 Web 应用的区别，我们先通过两个餐厅场景来进行类比。

2.1 不同餐厅场景对比

• 不寻常的餐厅体验 ：
  • 当你去一家餐厅就餐，服务员先为你摆好完整的餐桌布置，然后给你菜单。你点了饮料后，服务员会把桌上所有东西，包括菜单都收走，去酒吧取饮料。你只能干等着，因为没有菜单无法决定吃什么。饮料拿来后，服务员又重新布置餐桌。之后你点了餐，服务员再次收走桌上所有东西，进入厨房。等了很久，服务员回来告知厨师因你没说沙拉酱类型而拒绝订单，让你重新下单。最后终于上菜，但此时你的体验可能很糟糕，食物也可能变凉。
  • 这个场景类似于传统 Web 应用，用户提交请求后，必须等待服务器处理完成并返回新页面，期间无法进行其他操作，页面还会重新加载，导致用户体验不佳。
  <