ESP32-Web-Server 实战编程- 使用 AJAX 自动更新网页内容

ESP32-Web-Server 实战编程- 使用 AJAX 自动更新网页内容

概述

什么是 AJAX ？

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 是一种用于创建快速动态网页的技术。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页。AJAX 可以使网页实现异步更新，即在不重新加载整个网页的情况下，对网页的某部分进行动态地更新。

为什么要使用 AJAX？

“动态地 web服务器”通常更加实用且有趣。比如可以在 ESP32 上实现一个“动态网络服务器”，它用来实时地显示连接的传感器数据（例如温度、湿度、压力、关键事件、GPIO、ADC、DAC等）。

如何实现 AJAX

可以运用 XMLHttpRequest 或新的 Fetch API 与网页服务器进行异步资料交换；这里只使用非常简单的 XMLHttpRequest 来演示这种功能。如下图所示，浏览器打开 HTML 后，HTML 中的 Javascript 将循环执行 AJAX 请求，后台将响应该请求，并将更新的数据返回到 AJAX 请求，AJAX 最终将更新的数据不停地更新到网页上。

</