Discussion :

[majohnc]

Bonjour,

Je travaille sur une application où je fais des requête ajax avec la bibliothèque jQuery. Lorsque ma requête réussit, je notifie l'utilisateur du succès de la requête mais le problème que j'ai c'est que s'il clique plusieurs fois, les messages de notifications s'additionnent les uns sur les autres. J'aimerais donc savoir si quelqu'un a une idée, comment faire pour vider les caches après l'affichage de la notification.

Voici le bout de code qui gère ça.

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
 
     function notification(i){
 //je recupere l'id
   var id = $("."+i).attr('id');
//je fais la requete avec la fonction ajax()
        $.ajax({
            type: "GET",
            url: "requete.php",
            cache:false,
            data: {id:id},
            dataType: "json",
        success: function(rel){
 
                    var resul = '<p>Un mail de relance a été envoyé à '+rel.nom+'</p>';
 
                      $('div#relance_success').append(resul);
              $('div#relance_success').toggle(400);         
              $('div#relance_success').fadeOut(5000);
 
        }});
 
        return false;
   }

Merci pour votre attention.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div#relance_success').append(resul);

tu t'attends à quoi d'autre ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div#relance_success').html(resul);

[majohnc]

desole je ne comprend pas vraiment ta question.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div#relance_success').append(resul);

fonctionne tres bien. mais le probleme que j ai c 'est qu'il ajoute les messages autant de fois que je clique. c'est a dire si je fais le clique une fois,
j ai un message,deux fois deux message. ce qui rend qui n est pa mon souhait. je voudrais afficher un message a la suite d un autre, donc un message uniquement par clique.

[majohnc]

j ai trouve la solution. il fallait juste ajouter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div#relance_success').empty();

avant append.
Merci.

[SpaceFrog]

as tu au moins essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div#relance_success').html(resul);

append() rajoute le contenu
html() remplace le contenu
emtpy() est inutile sir tu fais un html() ou un text()

[majohnc]

ok, j ai noté, je vais essayer d utiliser html a la place d append.

[majohnc]

Merci, ca marche aussi bien.