Question

我正在做一个个人项目，这里的Web服务器是微控制器ESP32。我正在尝试使用AJAX来更新所有数据，但是我的经验为零，我的所有测试都以失败告终。

我在代码中保存了原始文字，并实现了占位符

  <h3>%TIME% </h3>
  <h3>%TEMPERATURE% &deg;C</h3>
  <h3>%HUMIDITY% &percnt;</h3>
  <h3>%MOISTURE% </h3>
  <h3> %LASTWATERINGTIME% </h3>
  %BUTTONPLACEHOLDER%```

然后，我正在使用处理器来填充数据。

String processor(const String &var) {
    if (var == "TEMPERATURE") {
    return lastTemperature;
  }
  if (var == "LASTWATERINGTIME") {
    return lastWaterTime;
  }
  if (var == "HUMIDITY") {
    return lastHumidity;
  }
  if (var == "TIME") {
    return lastTime;
  }
  return String();
}

我正在使用

server.on("/", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send_P(200, "text/html", index_html, processor);
  });

现在，我正在使用HTML内容刷新功能来刷新网站并更新数据。如何在这里实现AJAX，以更新所有内容而无需刷新页面？

在不刷新网站Arduino的情况下更新数据

0 个答案: