如何使用 AJAX 通过网页向 ESP8266 发送值？

Question

我正在使用NodeMCU ESP8266 ，我想用它来控制我的WS2812B 。

所以我制作了一个带有输入范围的HTML页面，我想通过使用AJAX将范围的值发送到我的ESP8266 （网站所在的位置）。

我只找到了有关如何从ESP8266向网页发送数据的教程，找不到任何有关如何从网页向我的ESP8266发送任何信息的教程。

输入如下所示：

<input type=range id="rangeinput">

Answer 1

要从您的网页发送带有您要发送的值的 GET 请求，您可以执行以下操作（未经测试，请检查；我只是输入了它，但您明白了）：

var valueToSend = document.getElementById("rangeinput").value;

var ESP8266URL = ""; // URL of ESP8266 page that handles request goes here

var sendValueRequest = new XMLHttpRequest();
sendValueRequest.open("GET", ESP8266URL + "?value=" + valueToSend, true);
sendValueRequest.onreadystatechange = processReturn;
sendValueRequest.send(null);

function processReturn() {
  if (sendValueRequest.readyState == 4 && sendValueRequest.status == 200) {
    var return = sendValueRequest.responseText;
    // Do something (or nothing) with what the server sent back
  }
}

您必须在 ESP8266 上处理 GET 请求。 如何做到这一点取决于 ESP8266 上的网络服务器是如何设置的。