123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <h3>Current Data</h3>
- Temp:
- <span id="temp"></span>
- <br/> set Temp:
- <span id="setTemp"></span>
- <br/> current WiFi SSID:
- <span id="ssid"></span>
- <h6>Last updated
- <span id="ut"></span> seconds ago.
- <span id="status"></span>
- </h6>
- <h3>Update Data</h3>
- <form id="yform" onsubmit="return transmit(this)">
- set temp:
- <input type="text" name="setTemp" />
- <input type="submit" />
- </form>
- <a href="wifi.htm">WiFi settings</a><br/>
- <a href="/update">Firmware Update</a>
- <script>
- function g(i) { return document.getElementById(i) };
- var xhttp, updateTime;
- function transmit(f) {
- if (!xhttp) { //prevent simultaneous requests
- g("status").innerHTML = "updating...";
- xhttp = new XMLHttpRequest();
- xhttp.open("POST", "/api");
- xhttp.send(f ? (new FormData(f)) : "");
- xhttp.onreadystatechange = function () {
- if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) {
- var data = JSON.parse(xhttp.responseText);
- g("x").innerHTML = data.x;
- g("y").innerHTML = data.y;
- g("z").innerHTML = data.z;
- g("ssid").innerHTML = data.ssid;
- g("temp").innerHTML = data.temp;
- g("setTemp").innerHTML = data.setTemp;
- xhttp = null;
- g("status").innerHTML = "";
- updateTime = 0;
- }
- }
- }
- return false; //prevent form redirect
- }
- transmit();
- setInterval(function () { g("ut").innerHTML = ++updateTime; }, 1000);
- setInterval(transmit, 5000); //autoupdate display every 5s
- </script>
|