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

jQuery Discussion :

Append apres $.post


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2011
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2011
    Messages : 53
    Par défaut Append apres $.post
    bonjour voici mon code :
    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
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
     
    $(function()
    {
    	$("#formconnexion").submit(function()
    	{
    	login=$("#login").val();
    	password=$("#password").val();
    	$.post("connexion.php",{login:login,password:password},function(data)
    	{
    		if (data.erreur=="yes")
    		{
     
    		$(this).parent().append("<div>Erreur dans la saisie</div>");
    		}
    	},"json");
    	return false;
    	});
    });
    </script>
     
    <div id="formconnect" class="infocentre">
            <div class="imgform">
    		<img src="images/cadenas.jpg" width=100 height=100/>
     
    		</div>
    <div class="formconnection" id="Dformconnexion">
            <form action="#" method="POST" id="formconnexion">
                    <div class="form">
                        <div class="label" ><label >Login :</label></div>
                        <div class="input"><input  type="text" name="login" id="login" value=""/></div>
                    </div>
     
               <div class="form">
                       <div class="label" >   
                        <label style="float:left;height:18px;margin-top:1px;padding-top:2px;width:90px;">Mot de passe :</label>
                       </div>
                         <div class="input" > 
                            <input type="password" name="mdp" id="password" value=""/>
                        </div>
                 </div>
     
                    <div >
                    <p><input type="submit" id="btnconnect" name="connexion"   value="connexion" />
    </p>
                    </div>
    	    </form>
             </div>
    	</div>
    </div>
    la requete ajax se deroule bien, mais lorsque j effectue la commande $(this).parent.append......cela ne fonctionne pas .
    En effet j aimerais ajouter une phrase du type "connexion echouée .."
    J ai fait le test en remplacant la valeur $(this) par $("#Dformconnexion") et là cela fonctionne ..pourquoi ?

    willy

  2. #2
    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
    Dans la fonction de rappel, la valeur de this n'est plus la même, donc $(this) ne vaut plus $("#Dformconnexion").
    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

  3. #3
    Membre éprouvé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Décembre 2010
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Décembre 2010
    Messages : 140
    Par défaut
    Salut,

    il me semble que tu peux garder la référence à ton objet là où tu en as besoinn, car tu es dans un sous contexte
    exemple :
    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
     
    $(function()
    {
    	$("#formconnexion").submit(function()
    	{
    	login=$("#login").val();
    	password=$("#password").val();
     
            //la partie magique
            var myItemRef = $(this);
     
    	$.post("connexion.php",{login:login,password:password},function(data)
    	{
    		if (data.erreur=="yes")
    		{
     
    		  myItemRef .parent().append("<div>Erreur dans la saisie</div>");
    		}
    	},"json");
    	return false;
    	});
    });

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2011
    Messages
    53
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2011
    Messages : 53
    Par défaut
    merci pour ces reponses je comprend mieux le principe..
    merci à vous deux .

    willy

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

Discussions similaires

  1. Réponses: 4
    Dernier message: 25/05/2009, 13h50
  2. [JQuery] Recupération de données apres POST
    Par Hightuxdotnet dans le forum jQuery
    Réponses: 2
    Dernier message: 04/09/2008, 00h28
  3. Réponses: 2
    Dernier message: 19/05/2008, 05h28
  4. Réponses: 3
    Dernier message: 07/09/2007, 17h30
  5. Retrouver Opener apres POST/GET dans PopUp
    Par rgomes dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 14/02/2007, 17h31

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