<!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>

En poursuivant votre navigation sur mon site, vous acceptez l’utilisation des Cookies et autres traceurs  pour réaliser des statistiques de visites et enregistrer sur votre machine vos activités pédagogiques. En savoir plus.