Bonjour,

Petit problème de débutant :

postForm.addEventListener('submit', function(e){
        e.preventDefault();
        let mailValue = document.getElementById('change_mail').value;
        let result = ajaxPost(mailValue, "<?php echo $_SESSION['pseudo'] ?>");
        console.log(result);
        if (result == 'True')
        {
          alertMail.innerHTML = 'Email modifié';
        }
        else
        {
          alertMail.innerHTML = 'Erreur';
        }
      });

function ajaxPost (data, nick){
  let req = new XMLHttpRequest;
  req.open('post', 'includes/change_mail.php');
  req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  req.addEventListener('readystatechange', function(){
    if (req.readyState == XMLHttpRequest.DONE && (req.status == 200 || req.status == 0))
    {
      console.log(req.responseText);
      return req.responseText;
    }
    else if (req.readyState == XMLHttpRequest.DONE && (req.status != 200 || req.status != 0))
    {
      alert('Une erreur est survenue. \n\n Code : ' + req.status + '\n Texte : ' + req.statusText);
    }
  })
  req.send('data=' + data + '&nick=' + nick);
}

Je n'arrive pas à comprendre pourquoi mon 'console.log(req.responseText)' fonctionne correctement mais pas mon console.log(result) (qui est undefinied). N'est-ce pas la même chose ?

Si quelqu'un peut éclairer ma lanterne,

Merci d'avance

Ton return dans le "ajaxPost" retourne la valeur "req.reponseText" qu'au niveau de ta fonction anonyme. Ta fonction ne retourne donc rien ce qui explique que ton result ne soit pas défini.

Compris, merci beaucoup !