Afficher popup après connexion en ajax

Version imprimable

Bonjour,

Sur mon site cakePHP je viens de mettre une authentification en AJAX.

Lorsque le retour de la requete de login est OK je fais un window.location.href et une fois la page chargée j'aimerais afficher un popup de type toastr pour afficher différentes informations.
Voici mon bout de code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$.post(linkAction,phpData,function(data){
                    if(data==false){
                         swal("Erreur authentification","Veuillez vérifier votre mot de passe","error") 
                    }else{
                        //welcome
 
                            toastr.options = {
                                        closeButton: true,
                                        progressBar: true,
                                        timeOut: 10000,
                                        onclick: null
                                    };
                            // Display a success toast, with a title
                            window.location.href=basepath+"/book";
                            toastr.success('Bienvenue sur app',data['nom_complet'])
                    }
 
            },"json");

le problème c'est que le comportement est asynchrone donc la page commence à charger, le popup toastr s'affiche mais des que la page s'affiche le popup disparait... je ne sais pas trop comment faire

J'aimerai vraiment pouvoir afficher des popups avec différentes informations une fois que la personne s'est connectée... auriez vous une idée ??

Merci par avance

28/08/2017, 15h51
LearningBoy
Bonjour @rockt13,

Si j'ai bien compris l'idée est de pouvoir afficher le toastr seulement si la page est correctement chargé.

Est-ce que si tu exécute ton code dans un widow.onload cela pourrait fonctionner ?

Voici un exemple d'utilisation donné sur ce lien :
Code:

1 2 3 4 5 window.onload = function() { init(); doSomethingElse(); };
Bien cordialement,

Simon de AwesomeAngular.
28/08/2017, 16h28
rockt13

Salut Simon,

Je ne sais pas si je peux utiliser cela car j'ai peur qu'a chaque refresh de la page le onload sera de nouveau appelé ?

Dans mon cas il faut que les popups soient lancés uniquement après la première connexion, je pensais éventuellement utiliser un timeout pour déclencher les popups...mais la difficulté c'est de déterminer la bonne durée....

à moins qu'il y ait une solution plus élégante ?
28/08/2017, 16h41
SpaceFrog
Code:

1 2 window.location.href=basepath+"/book"; toastr.success('Bienvenue sur app',data['nom_complet'])
Si tu changes de page ... js meurt avec la page, la ligne qui suit le location href ne sera jamais interprétée ...
28/08/2017, 17h31
rockt13

ok... du coup quelles alternatives me reste-t-il ?
29/08/2017, 08h15
SpaceFrog

lancer le script sur la page qui s'ouvre sur le onload de

Code:

basepath+"/book";
29/08/2017, 10h15
rockt13
Ok,
je viens en même temps de découvrir les "sessionStorage"
je vais donc essayer de faire quelque chose comme ceci sur le onload:
Code:

1 2 3 4 if (sessionStorage.getItem('firstLogin') !== 'true') { toastr.sucess("blablalb"); sessionStorage.setItem('advertOnce','true'); }
Je vous fait un retour des que j'ai testé
A+
29/08/2017, 10h56
SpaceFrog

oui soit en mettant le message en sessionStorage ou encore en passant un paramètre dans l'url ...

Voici la solution mis en place

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
$(function() {        
        var basepath=$("#basepath").attr("data-path");
        toastr.options = {
                closeButton: true,
                progressBar: true,
                timeOut: 10000,
                onclick: null
            }; 
 
        if (sessionStorage.getItem('advertOnce') !== 'true') {
 
            $.post(basepath+"/Users/usersInfoAjax/",{},function(data){
 
                //bienvenue popup
                toastr.success('Bienvenue sur le logiciel', data["nom"]);
 
                //recrutement en cours
                if(data["nbrecrue"]>0){                           
                    toastr.warning('Vous avez '+ data["nbrecrue"] +' recrutements en cours.\nPouvez vous renseigner leurs status?', 
                                    'Recrutements',
                                    {timeOut: 15000}
                                    );      
                }  
 
            },"json");
 
            sessionStorage.setItem('advertOnce','true');    
 
        }
});

Un sessionStorage.clear() est fait avant l'appel au login .$post()...