Partage
  • Partager sur Facebook
  • Partager sur Twitter

Je rencontre un problème avec ma requete AjaxPOST

    19 juin 2019 à 5:41:42

    Bonjour,

    j'essaie d'envoyer des données avec une requête AJAX sans utiliser jquery("je préfère maîtriser d'abord mes programmes javascript sans l'intervention d'un framework") mais je crois la requête que j'ai utilisé est inerte. Je ne rencontre aucune erreur dans la console et je n'ai aucun résultat ou aucune réaction. Ma requête ne fait même pas le lien entre ma page HTML et ma page PHP qui traite les données envoyées. Help please!!!!!

    Voici mon code avec ma requête:

    <!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <body>
    	<div id="reponse">
    		
    	</div>
    	<form id="connexion">
    		  Pseudo : <input type="text" id="pseudo" name="pseudo"/><br />
    		  Mot de passe : <input type="password" id="mdp" name="mdp"/><br />
    		  <input type="submit" id="submit" value="Envoyer" />
    	</form> 
    	<script type="text/javascript">
    		// Exécute un appel AJAX POST
    // Prend en paramètres l'URL cible, la donnée à envoyer et la fonction callback appelée en cas de succès
    function ajaxPost(url, data, callback) {
        var req = new XMLHttpRequest();
        req.open("POST", url);
        req.addEventListener("click", function () {
            if (req.status >= 200 && req.status < 400) {
                // Appelle la fonction callback en lui passant la réponse de la requête
                callback(req.responseText);
            } else {
                console.error(req.status + " " + req.statusText + " " + url);
            }
        });
        req.addEventListener("error", function () {
            console.error("Erreur réseau avec l'URL " + url);
        });
        req.send(data);
    }
    
    ajaxPost("action.php", document.getElementById("pseudo").value, function(){
    	console.log("Bon");
    })
    	</script>
    </body>
    </html>

    Et voici on code PHP :

    <?php
    if(isset($_POST['pseudo']) && isset($_POST['mdp']))
    {
      if(($_POST['pseudo'] != '') && ($_POST['mdp'] != '')) {
        if ( $_POST['pseudo'] == 'pseudo' && $_POST['mdp'] == 'mdp' )
        {
          $reponse = 'ok';
        }
        else
        {
          $reponse = 'Utilisateur ou mot de passe incorrect !';
        }
      }
      else
      {
        $reponse = 'Des valeurs sont vides';
      }
    }
    else
    {
      $reponse = 'Des valeurs ne sont pas envoyées';
    }
    echo json_encode(['reponse' => $reponse]);
    ?> 




    • Partager sur Facebook
    • Partager sur Twitter

    Je rencontre un problème avec ma requete AjaxPOST

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    • Editeur
    • Markdown