<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Tinkerforge Weather Station</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
function updateMeasurements(){
$.ajax({
url: "WeatherStationWebsite.php",
type: "POST",
success: function(data) {
var response = $.parseJSON(data);
document.getElementById('illuminance').innerHTML = response.illuminance;
document.getElementById('humidity').innerHTML = response.humidity;
document.getElementById('air_pressure').innerHTML = response.air_pressure;
document.getElementById('temperature').innerHTML = response.temperature;
}
});
}
updateMeasurements();
setInterval(updateMeasurements, 5000);
</script>
</head>
<body>
<p id="illuminance">TBD</p>
<p id="humidity">TBD</p>
<p id="air_pressure">TBD</p>
<p id="temperature">TBD</p>
</body>
</html>