9、无线局域网与网页更新技术解析

无线局域网与网页更新技术解析

1. 无线局域网基础

在无线局域网（WLAN）的搭建中，可使用ESP8266或ESP32微控制器作为WLAN服务器。客户端（如安卓平板或手机的浏览器）通过草图定义的IP地址和密码接入WLAN。WLAN网页会显示连接到ESP8266或ESP32开发板的两个LED状态以及一个计数器的值，用户可通过点击客户端网页上的按钮远程控制LED状态。

2. 网页代码构建与更新问题

网页的HTML代码通常是逐行构建成字符串的。不过，当更新信息显示时，整个网页都需要重新加载。例如，webcode函数返回包含WLAN网页HTML代码的字符串page，HTML代码会根据LEDG、LEDR和计数器变量的值，通过条件语句进行更改。但这种方式存在一个问题，即即使只有一个数据值发生变化，整个网页也会重新加载。

3. AJAX技术介绍

AJAX（Asynchronous JavaScript and XML）技术则可以解决上述问题，它能仅更新网页上的特定变量，而无需重新加载整个网页。XML HTTP请求可更新网页上的特定变量，结合JavaScript命令来管理XML HTTP请求，就构成了AJAX。以下是一个XML HTTP请求的AJAX代码示例：

<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function()
{
  if(this.readyState == 4 && this.status == 200)
    document.get