[AJAX] modif conenu d'un div

// Conserver une instance de XMLHttpRequest.
var xmlHttp = createXmlHttpRequestObject();

// Créer une instance de XMLHttpRequest.
function createXmlHttpRequestObject() 
{
  // Conserver une référence à l'objet XMLHttpRequest.
  var xmlHttp;
  // Créer l'objet XMLHttpRequest.
  try
  {
    // Supposer IE7, ou plus récent, ou un autre navigateur moderne.
    xmlHttp = new XMLHttpRequest();
  }
  catch (e)
  {
    // Supposer IE6, ou plus ancien.
    try
    {
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e) { }
  }
  // Retourner l'objet créé ou afficher un message d'erreur.
  if (!xmlHttp)
    alert("Erreur de création de l'objet XMLHttpRequest.");
  else 
    return xmlHttp;
}

// Lire un fichier depuis le serveur.
function process_sexe()
{
  // Continuer uniquement si l'objet xmlHttp est valide.
  if (xmlHttp)
  {
    // Tenter une connexion au serveur.
    try
    {
      // Initier la lecture du fichier depuis le serveur.
      xmlHttp.open("GET", "js/modif_sexe.php?sexe_modif=1", true);
      xmlHttp.onreadystatechange = handleRequestStateChange;
      xmlHttp.send();
    }
    // En cas d'échec, afficher l'erreur.
    catch (e)
    {
      alert("Connexion au serveur impossible :\n" + e.toString());
    }
  }
}

// Fonction appelée lorsque l'état de la réponse HTTP change.
function handleRequestStateChange() 
{
  // Lorsque readyState vaut 4, lire la réponse du serveur.
  if (xmlHttp.readyState == 4) 
  {
    // Continuer uniquement si l'état HTTP est "OK".
    if (xmlHttp.status == 200) 
    {
      try
      {
        // Faire quelque chose avec la réponse du serveur.
        handleServerResponse();
      }
      catch(e)
      {
        // Afficher un message d'erreur.
        alert("Erreur de lecture de la réponse : " + e.toString());
      }
    } 
    else
    {
      // Afficher un message d'état.
      alert("Problème d'obtention des données :\n" + xmlHttp.statusText);
    }
  }
}

// Traiter la réponse reçue du serveur.
function handleServerResponse()
{
  // Lire le message du serveur.
  // Générer la sortie HTML.
  var html = xmlHttp.responseText;  
  // Parcourir les tableaux et créer la structure HTML.
  // Obtenir une référence à l'élément <div> de la page.
  myDiv = document.getElementById("sexe");
  // Afficher la sortie HTML.
  myDiv.innerHTML = "Modifier : " + html;
}

//Deuxième champ
function process_age()
{
  // Continuer uniquement si l'objet xmlHttp est valide.
  if (xmlHttp)
  {
    // Tenter une connexion au serveur.
    try
    {
      // Initier la lecture du fichier depuis le serveur.
      xmlHttp.open("GET", "js/modif_age.php?age_modif=1", true);
      xmlHttp.onreadystatechange = handleRequestStateChange;
      xmlHttp.send();
    }
    // En cas d'échec, afficher l'erreur.
    catch (e)
    {
      alert("Connexion au serveur impossible :\n" + e.toString());
    }
  }
}

// Fonction appelée lorsque l'état de la réponse HTTP change.
function handleRequestStateChange2() 
{
  // Lorsque readyState vaut 4, lire la réponse du serveur.
  if (xmlHttp.readyState == 4) 
  {
    // Continuer uniquement si l'état HTTP est "OK".
    if (xmlHttp.status == 200) 
    {
      try
      {
        // Faire quelque chose avec la réponse du serveur.
        handleServerResponse();
      }
      catch(e)
      {
        // Afficher un message d'erreur.
        alert("Erreur de lecture de la réponse : " + e.toString());
      }
    } 
    else
    {
      // Afficher un message d'état.
      alert("Problème d'obtention des données :\n" + xmlHttp.statusText);
    }
  }
}

// Traiter la réponse reçue du serveur.
function handleServerResponse2()
{
  // Lire le message du serveur.
  // Générer la sortie HTML.
  var html2 = xmlHttp.responseText;  
  // Parcourir les tableaux et créer la structure HTML.
  // Obtenir une référence à l'élément <div> de la page.
  myDiv2 = document.getElementById("age");
  // Afficher la sortie HTML.
  myDiv2.innerHTML = "Modifier : " + html2;
}