11551 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Maitrisant moderement Javascript, qui aurait la patience de me d"ecrire ce code
Je crois proche de AXA ? mille mercis d'avance.

function regenererBase() {
  const div = document.getElementById("le");
  div.innerHTML = "Travail actif ...";
  const xhr = new XMLHttpRequest();
  xhr.open("GET", "smala_dvd_py.php", true); 
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
      div.innerHTML = "<pre>" + xhr.responseText + "</pre>";
    }
  };
  xhr.send();
}

Bien sur le div ==> id="le" existes et est vide. mille mercis d'avance
Modifié par Fox-infograp (06 Jul 2025 - 07:15)
Bonjour,
Petite réécriture au passage avec l'API fetch et deux ou trois autres fioritures (asynchrone, try/catch, etc) :
/**
 * Fonction asynchrone pour régénérer la base via un appel HTTP.
 * Met à jour dynamiquement une <div> avec l'identifiant "le" pour afficher l'état d'avancement et la réponse du serveur.
 */
async function regenererBase() {
  const div = document.getElementById('le')

  // Affiche un message d'attente pendant que la requête est en cours
  div.textContent = 'Travail actif ...'

  try {
    // Effectue une requête GET vers le script PHP
    const response = await fetch('smala_dvd_py.php')

    // Vérifie si la réponse est valide (code 200–299)
    if (!response.ok) {
      throw new Error(`Erreur serveur : ${response.status}`)
    }

    // Lit la réponse en tant que texte brut
    const data = await response.text()

    // Affiche le résultat dans la <div>, formaté en bloc <pre>
    div.innerHTML = `<pre>${data}</pre>`
  } catch (error) {
    // Affiche une erreur si la requête a échoué
    div.textContent = `Une erreur est survenue : ${error.message}`
  }
}