<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<script src="https://www.rgraph.net/libraries/RGraph.common.core.js" ></script>
<script src="https://www.rgraph.net/libraries/RGraph.thermometer.js" ></script>
</head>
<body>
<div id='mondiv'></div>
<label>Température</label><input type="text" name="temp" id="temp" value="19"><label>°C</label><br/>
<label>humidité</label><input type="text" name="humi" id="humi" value="45"><label>%</label>
<br/>
<script>
//declaration de l'objet pour la requete
var maRequete = new XMLHttpRequest();
//url du serveur
var url = "http://sciencesappliquees.com/templates/php/metGet.php";
var para = "?temp=";
para += document.getElementById('temp').value;
para += "&humi=";
para += document.getElementById('humi').value;
console.log(para);
url = url+para;
//gestion de la reponse du serveur
maRequete.onload = function() {
//reponse du serveur
document.getElementById('mondiv').innerHTML = this.responseText; //Affiche la reponse du seveur dans une fenêtre "alert"
};//fin de la fonction reponse (get ou post, adresse , asynchrone)
//Choisir le type de requete
maRequete.open("GET", url, true);
//envoyer la requete au serveur
maRequete.send();
</script>
</body>
</html>