如何使用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上的set服务器是如何设置的。