IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] AJAX de condition après retour de resultat


Sujet :

AJAX

  1. #1
    Membre chevronné
    Avatar de gentil2005
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    148
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Services à domicile

    Informations forums :
    Inscription : Mai 2007
    Messages : 148
    Par défaut [AJAX] AJAX de condition après retour de resultat
    Bonjour à tous,
    Je suis dans mes débuts en Ajax et voilà déjà que je rencontre des difficulté.
    J'essaye de mettre en place un script à utiliser sur mon formulaire qui vérifie l'existence du Pseudo quand le champs pseudo perd le focus. Le problème est que même quand je saisi un pseudo existant ou non, le résultat reste le même :"existe", puis-je savoir à quel niveau je pèche s'il vous plait?
    pour être claire, je vais poster les bouts de codes:

    Pour le Javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    function req_pseudo(champ) {
     
    var valeur=champ.value;
      //XMLHttpRequest est supporté par Internet Explorer 5.0+, Safari 1.2, Mozilla 1.0 / Firefox, Netscape 7
      if(document.all) var XhrObj = new ActiveXObject("Microsoft.XMLHTTP"); //Internet Explorer
      else var XhrObj = new XMLHttpRequest(); //Mozilla
     
      content = document.getElementById("labelpseudo"); 	//zone d'affichage
     
      XhrObj.open("POST", "verifpseudo.php");
     
      //Ok pour la page cible
      XhrObj.onreadystatechange = function()
      {
        if (XhrObj.readyState == 4 && XhrObj.status == 200) {
          if (XhrObj.responseText == '1') {
            // ok nouveau pseudo
    		content.innerHTML=XhrObj.responseText + valeur +'<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
          } else {
            // erreur pseudo déjà existant
    		content.innerHTML=XhrObj.responseText +'<img src="images/accepter.png" alt=""/> Ok';
            //content.innerHTML=XhrObj.responseText + '<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
    		//surligneErreur(champ, true);
          }
        }
      }
     
      XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      XhrObj.send('p='+valeur);
     
    }
    Et le contenu du pichier verifpseudo.php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <?php
    session_start();
    //Maintenant, on se connecte à la base de données
    include("includes/identifiants.php");
    mysql_connect($adresse, $nom, $motdepasse);
    mysql_select_db($database);
     
    $pseudo = htmlentities(addslashes($_POST['p']));
    if (!empty($pseudo)) {
            $req_pseudo_exist="SELECT membre_id FROM forum_membres WHERE membre_pseudo='".$pseudo."'";
            $pseudo_exist=mysql_query($req_pseudo_exist);
            if(mysql_num_rows($pseudo_exist)> 0)
            {
                    echo '1';
            }
            else
            {
                    echo '0';
            }
    }
    ?>
    et enfin une partie de mon formulaire

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <form method="post" name="formulaire" action="registerok.php" enctype="multipart/form-data" onsubmit="return verifier(this);">
     
    	<fieldset><legend>Identifiants</legend>
    	<label for="pseudo">* Pseudo :</label>  <input name="pseudo" type="text" id="pseudo" onblur="req_pseudo(this)"/><span class="msgerreur" id="labelpseudo"></span> <br />
     
    	<p><input type="submit" value="S'inscrire" /></p></form>
    Ainsi, j'ai donc stocké dans la variable 'valeur' la valeur du 'champ', et c'est cette valeur qui est envoyée par la requête. Mais au retour du résultat, n'est exécuté que ce qui se trouve dans le Else, que XhrObj.responseText donne 1 ou 0, pourtant, logiquement, si XhrObj.responseText=='1'; c'est

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    content.innerHTML=XhrObj.responseText + valeur +'<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
    qui devait s'éxécuter non? mais j'ai tout le temps, dans le Span de la notification, soit 1 Ok ou 0 Ok.

    Merci d'avance!

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Essaye de faire

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    if (XhrObj.readyState == 4 && XhrObj.status == 200) {
    alert(XhrObj.responseText.length);
    Quelle est l'encodage des fichiers?

    A+.

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    if (XhrObj.responseText == '1') {
            // ok nouveau pseudo
    		content.innerHTML=XhrObj.responseText + valeur +'<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
          } else {
            // erreur pseudo déjà existant
    		content.innerHTML=XhrObj.responseText +'<img src="images/accepter.png" alt=""/> Ok';
            //content.innerHTML=XhrObj.responseText + '<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
    		//surligneErreur(champ, true);
          }
    Il y a des logiques qui me surprendront toujours...
    Donc, quand le pseudo existe, tu dis que c'est bon et quand il existe pas, il faut changer ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre chevronné
    Avatar de gentil2005
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    148
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Services à domicile

    Informations forums :
    Inscription : Mai 2007
    Messages : 148
    Par défaut
    Citation Envoyé par andry.aime Voir le message
    Bonjour,

    Essaye de faire

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    if (XhrObj.readyState == 4 && XhrObj.status == 200) {
    alert(XhrObj.responseText.length);
    Quelle est l'encodage des fichiers?

    A+.
    Merci déjà pour votre attention!
    En effet, quand je fais:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    if (XhrObj.readyState == 4 && XhrObj.status == 200) {
    alert(XhrObj.responseText.length);
    Ça me donne 160 quelque soit la taille du contenu du champ (pseudo saisi).

    L’encodage utilisé est bien l'UTF-8. Ma base de données ainsi que toutes ses tables sont en utf8_general_ci.

    Encore merci

  5. #5
    Membre chevronné
    Avatar de gentil2005
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    148
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Services à domicile

    Informations forums :
    Inscription : Mai 2007
    Messages : 148
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    if (XhrObj.responseText == '1') {
            // ok nouveau pseudo
    		content.innerHTML=XhrObj.responseText + valeur +'<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
          } else {
            // erreur pseudo déjà existant
    		content.innerHTML=XhrObj.responseText +'<img src="images/accepter.png" alt=""/> Ok';
            //content.innerHTML=XhrObj.responseText + '<img src="images/refuser.png" alt=""/> Désolé, Ce Pseudo est Déjà pris';
    		//surligneErreur(champ, true);
          }
    Il y a des logiques qui me surprendront toujours...
    Donc, quand le pseudo existe, tu dis que c'est bon et quand il existe pas, il faut changer ?
    J'avoue que je n'ai pas respecté la logique, mais juste dans les commentaires, parce que quand tu jette un coup d’œil dans le fichier PHP, tu verra bien que si la requête retourne quelque chose, c'est "1" qui est affiché de même dans le Javascript, on teste si
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if (XhrObj.responseText == '1')
    c'est bien "Désolé" qui est écrit, donc ne compilez pas les commentaires vous aussi....

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Vider cache dom après retour ajax
    Par jexl dans le forum jQuery
    Réponses: 3
    Dernier message: 23/02/2016, 11h11
  2. [AJAX] Ajax et retour en haut de page après exécution
    Par malickdieye dans le forum AJAX
    Réponses: 2
    Dernier message: 16/02/2011, 14h07
  3. [AJAX] Ajax : récupérer des data après traitements
    Par iviewclear dans le forum AJAX
    Réponses: 6
    Dernier message: 10/01/2011, 15h21
  4. [AJAX] Executer du javascript apres transfo XSL
    Par Clercq dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 08/11/2006, 16h59
  5. [AJAX] Ajax en retour undefined
    Par Tempotpo dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 05/04/2006, 10h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo