AJAX同步与异步

AJAX同步与异步

在理解AJAX之前,让我们首先了解经典的Web应用程序模型和Ajax Web应用程序模型。

Synchronous(经典Web应用程序模型)

同步请求将阻止客户端,直到操作完成(即浏览器无响应)为止。在这种情况下,浏览器的JavaScript引擎将被阻止。

AJAX同步与异步_https://bianchenghao6.com_【AJAX 教程】_第1张

如上图所示,整页会在请求时刷新,并且用户将被阻止,直到请求完成为止。
让我们以另一种方式来理解它。

AJAX同步与异步_https://bianchenghao6.com_【AJAX 教程】_第2张


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

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

AJAX同步与异步_https://bianchenghao6.com_【AJAX 教程】_第3张

如上所示图片,整页在请求时不会刷新,用户会从ajax引擎得到响应。
让我们尝试通过下面给出的图片来理解异步通信。

AJAX同步与异步_https://bianchenghao6.com_【AJAX 教程】_第4张

注意: 每个阻塞操作都不同步,每个取消阻塞操作都不异步。