如何使用 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 上的網絡服務器是如何設置的。