How to show json value to custom html page? about esp-fs-webserver HOT 1 CLOSED

myWebServer.addHandler("/getValues", HTTP_GET, getActualValue);

...
  
void getActualValue() {
  StaticJsonDocument<256> doc;
  String payload;
  doc["sunrise"] = "08:00";
  doc["sunset"] = "20:00";
  serializeJsonPretty(doc, payload);
  myWebServer.webserver->send(200, "text/json", payload);
}

setInterval(getActualValues,5000);

function getActualValues() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var data = JSON.parse(this.responseText);
      document.getElementById("sunrise-actual").innerHTML = data.sunrise;
      document.getElementById("sunset-actual").innerHTML = data.sunset;
    }
  };
  xhttp.open("GET", "/getValues2", true);
  xhttp.send();
}