<!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/metPost.php";
var data = "temp=";
data += document.getElementById('temp').value;
data += "&humi=";
data += document.getElementById('humi').value;
console.log(data);
//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("POST", url, true);
//Entête de la requete pour la méthode POST
maRequete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//Entête de la requete pour la méthode POST
maRequete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//envoyer la requete au serveur
maRequete.send(data);
</script>
</body>
</html>