15、ESP32 的通信技术：从 XML HTTP 请求到 WebSocket

ESP32 的通信技术：从 XML HTTP 请求到 WebSocket

1. XML HTTP 请求控制 LED

在通过网页控制 LED 时，XML HTTP 请求发挥着关键作用。其工作流程如下：
| 来源 | 指令 | 说明 |
| — | — | — |
| 网页 | <button onclick = ‘update()’> | 客户端按钮被点击，调用 update 函数 |
| 网页 | xhr.open(‘GET’, ‘LEDurl’, true) | 函数使用 URL 调用 HTTP 请求 |
| 代码草图 | server.on(“/LEDurl”, LEDfunct) | 服务器将 URL 映射到 LEDfunct 函数 |
| 代码草图 | digitalWrite(LEDpin, LED) | 服务器打开或关闭 LED |
| 代码草图 | str = (LED == HIGH ? “ON” : “OFF”) | 服务器将字符串映射为 ON 或 OFF |
| 代码草图 | server.send(200, “text/plain”, str) | 服务器传输字符串 |
| 网页 | document.getElementById(‘LEDstate’).innerHTML = this.responseText | 客户端使用服务器的响应更新标识符 LEDstate |