2 pièce(s) jointe(s)
Deuxième requête Ajax ne s’exécute pas
Bonjour,
Je suis nocive dans le JS et particulièrement avec Jquery.
J'ai une menu déroulant "Connexion" qui affiche un formulaire directement au niveau du menu.
Pièce jointe 210722
J'utilise de l'Ajax pour procéder a la connexion (Session, ...) et j'utilise .load pour recharger le php de la div du menu.
Jusque la tout va bien, la div est rechargé, et je peux accéder a mon profil et a la déconnexion.
Pièce jointe 210723
Le problème c'est que si je clique juste après mettre connecté, sur le bouton déconnexion , l'Ajax de la déconnexion ne s’exécute pas... Il faut que je recharge la page (F5) pour que je puisse me déconnecter. Et vise versa, si je me déconnecte, je ne peux plus me reconnecter...
Voila le code. N'hésitez pas a me dire si il y un meilleur moyen :)
Jquery/Ajax
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
|
<script>
function refresh_div(iddiv){
$("#"+iddiv).load(location.href + " #"+iddiv);
}
$("#conn_menu").click(function(){
var username = $("#username").val();
var password = $("#password").val();
if(username != "" && password != ""){
$.post(
'process/process_login.php',
{
username : username,
password : password
},
function(data){
if(data == "Success"){
swal("Félicitation", "Tu es maintenant connecté !", "success");
refresh_div("refresh_user");
} else
swal("Erreur", ""+data+"", "error");
},
'text'
);
} else {
swal("Erreur", "Vous devez remplir les champs", "error");
}
});
$("#logout").click(function(){
$.ajax({
url: 'process/process_logout.php',
success: function(output) {
swal("Félicitation", "Tu es maintenant déconnecté !", "success");
refresh_div("refresh_user");
}
});
});
</script> |
Pour le bouton déconnexion, c'est un simple :
Code:
<li><a href="#" id="logout">Déconnection</a></li>
Merci :)