Append apres $.post

bonjour voici mon code :

Code:

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

Dans la fonction de rappel, la valeur de this n'est plus la même, donc $(this) ne vaut plus $("#Dformconnexion").

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:

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;
	});
});

merci pour ces reponses je comprend mieux le principe..
merci à vous deux .

willy