小编car*_*lly的帖子

ESP32上的Web服务器:如何自动更新和显示服务器的传感器值?

我在ESP32上有一个Web服务器,在该服务器上有一个主页.我想每隔x秒自动更新主页上的传感器值(无需用户输入).我无法访问文件系统.

传感器直接连接到ESP32.传感器值在我的C程序中,存储在变量中并定期更新.变量是全局的,以便于使用.

我想到了Ajax(我没有经验),但我能找到的所有示例和方法都使用一个文件来加载数据(在XMLHttpRequest()的'url'部分.open(... url ....) ).我没有文件,只有生成我的HTML和Javascript代码并发送到客户端的字符串.

我不知道如何更新我的价值观并希望得到一些帮助.

我想过尝试类似w3schools的例子,但我不知道如何获得那些值:

来自另一个页面的示例(我不使用此代码 - 我无法使用文件!)

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}
Run Code Online (Sandbox Code Playgroud)

这是我在ESP上的C程序的一些代码:

HTML字符串:

String html_document() {
  String sHTML;
  sHTML = "<!doctype html>";
  sHTML +="<html>";
  sHTML +="<html lang=\"de\">";
  /***************** head ****************/
  sHTML +="<head>";
  /****** avoid favicon requests **  ** <link rel=\"shortcut icon\" href=\"data:image/x-icon;,\" type=\"image/x-icon\"> **/
  sHTML +="<link rel=\"icon\" href=\"data:;base64,iVBORw0KGgo=\"> "; …
Run Code Online (Sandbox Code Playgroud)

html javascript ajax webserver esp32

6
推荐指数
1
解决办法
9336
查看次数

标签 统计

ajax ×1

esp32 ×1

html ×1

javascript ×1

webserver ×1