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]);
?>
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é.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
