bonjour à tous.

J'essaie de me mettre à l'AJAX en suivant le tuto traitant de l'objet XMLHttpRequest.

en fait j'ai sur une même page, un formulaire avec un select

<form action="choixjournee.php" method="post" >
   <select name="journee" id="liste_journee" size="5" onchange="request(readData);"/>
      <option value="1">journee 1</option>
      <option value="2">journee 2</option>
      <option value="3">journee 3</option>   
   </select>
</form>

et une div avec des éléments dynamiques, fonction du select du formulaire.

<?php
$journee=$_POST['journee'];
echo ("la journee selectionnee est : ".$journee);
?>

Je souhaiterai vous l'avez compris que $journee change en fonction de ce que l'utilisateur selectionne dans la liste du formulaire.
Et ce, sans recharger toute la page.
J'ai donc suivi le cours sur l'objet XMLHttpRequest, mais je ne pense pas avoir tout saisi.

J'ai défini mes fonctions javascripts :

function getXMLHttpRequest() {
   var xhr = null;
	
   if (window.XMLHttpRequest || window.ActiveXObject) {
      if (window.ActiveXObject) {
         try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
	 } 
         catch(e) {
	    xhr = new ActiveXObject("Microsoft.XMLHTTP");
	 }
      } else {
         xhr = new XMLHttpRequest(); 
      }
   } else {
      alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
      return null;
   }
	
   return xhr;
}

function request(callback) {
   var xhr = getXMLHttpRequest();
	
   xhr.onreadystatechange = function() {
      if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
         callback(xhr.responseText);
      }
   };

   var journee = encodeURIComponent(document.getElementById("liste_journee").value);
		
      xhr.open("GET", "modifjournee.php?journee=" + journee, true);
      xhr.send(null);
}

function readData(sData) {
   alert(sData);
}

et cette page modifjournee.php :

<?php
header("Content-Type: text/plain");
$journee = (isset($_GET["journee"])) ? $_GET["journee"] : NULL;
if ($journee) {
   echo "Bonjour ! Je vois que la journee est " . $journee;
} else {
   echo "FAIL";
}
?>

qui m'affiche bien une alert avec le changement du choix de journée.
mais ce que je ne saisi pas dans le tuto, c'est comment recharger un élément de la même page, en prenant en compte la nouvelle valeur de $journee sans recharger toute la page ?

personne pour m'aider ou au moins me mettre sur la voie, pour mes recherches ?