理解同步与异步

2025 年 3 月 17 日 | 阅读 1 分钟

在理解 AJAX 之前,让我们首先了解传统的 Web 应用程序模型和 ajax Web 应用程序模型。

同步(经典 Web 应用程序模型)

同步请求会阻塞客户端,直到操作完成,即浏览器无响应。 在这种情况下,浏览器的 javascript 引擎会被阻塞。

synchronous request

如上图所示,整个页面在请求时刷新,并且用户会被阻止直到请求完成。

让我们以另一种方式理解它。

how synchronous request works

异步(AJAX Web 应用程序模型)

异步请求不会阻塞客户端,即浏览器有响应。 那时,用户还可以执行其他操作。 在这种情况下,浏览器的 javascript 引擎不会被阻塞。

asynchronous request

如上图所示,整个页面不会在请求时刷新,并且用户从 ajax 引擎获得响应。

让我们尝试通过下图来理解异步通信。

how asynchronous request works

注意:每个阻塞操作都不是同步的,每个非阻塞操作也不是异步的。

下一个主题Ajax 技术