38、Ajax：革新互联网应用交互体验

Ajax：革新互联网应用交互体验

1. 传统 Web 应用与 Ajax 应用对比

在探讨 Ajax 之前，先来了解下传统 Web 应用和基于 Ajax 的 Web 应用的关键区别。

传统 Web 应用

传统 Web 应用中，以用户注册表单为例，其典型交互流程如下：
1. 用户填写表单字段，然后提交表单。
2. 浏览器向服务器发送请求，服务器接收并处理该请求。
3. 服务器生成包含完整页面的响应并发送给浏览器。
4. 浏览器加载新页面，此时浏览器窗口会暂时空白。

在服务器处理同步请求期间，用户无法与客户端网页进行交互。由于网络拥塞等原因，用户常常需要长时间等待，这使得一些用户将万维网戏称为“万维等待”。若用户再次与表单交互并提交，整个过程会重新开始。这种模式最初是为超文本文档网络（即“宣传册式网络”）设计的。随着网络发展成为全面的应用平台，这种模式导致应用性能“卡顿”。每次全页面刷新都要求用户重新理解页面内容，用户开始期望一种能带来类似桌面应用响应感的模式。

以下是传统 Web 应用交互流程的 mermaid 流程图：

graph LR
    A[用户填写表单并提交] --> B[浏览器发送请求]
    B --> C[服务器处理请求]
    C --> D[服务器生成响应]
    D --> E[浏览器加载新页面]
    E --> F{是否再次交互提交}
    F -- 是 --> A
    F -- 否 --> G[结束]

Aja