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