Vider cache dom après retour ajax

Version imprimable

Bonjour à tous,

j'ai un petit jQuery qui marche très bien qui permet de poster un formulaire :
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 $(\'[id^="message_"]\').click(function() { var id_message = $(this).attr(\'id\').replace(/[^0-9]/g,\'\'); $(\'#messagerie_\' + id_message).on(\'submit\', function(e) { var message = $(\'#contenu_\' + id_message).val(); if(message == "") { alert("Le message ne peut etre envoyé vide."); } else { $.ajax({ url: "post_message.php", type: "POST", data: $(this).serialize(), dataType: "json", success: function(data) { if(data.success == true) { $("#repondre_" + id_message).hide(); $("#message_confirmation_" + id_message).show(); } } }); } return false; }); });
Ne faites pas attention aux simples quotes echapées, c'est parce que le code est généré en PHP

du coup, dans ce script, je récupère de un ID de div dynamiquement, et je fais le traitement...

Mon problème c'est que si je clique à nouveau sur mon bouton pour renvoyer un message, il part 2 fois, et les ainsi de suite, si je clique encore, il part 3 fois etc.

Quelqu'un à une idée ?
D'avance merci.

22/02/2016, 18h35
jexl

je viens de trouver la solution avec ca unbind() :

Code:

$("#messagerie_" + id_message).unbind();

Si ca peut aider :o)

Bonjour,
c'est l'agencement qui me paraît approximatif, j'aurais séparé en 2 étapes, par exemple

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
 $('[id^="message_"]') on('click', function() {
     var id_message = $(this).attr('id').replace(/[^0-9]/g, '');
     $('#messagerie_' + id_message).trigger('submit');
 });
 
 $('[id^=messagerie_').on('submit', function(e) {
     e.preventDefault();
 
     var id_message = $(this).attr('id').replace('messagerie_', '');     
     var message = $('#contenu_' + id_message).val();
 
     if (message == "") {
         alert("Le message ne peut etre envoyé vide.");
     } else {
         $.ajax({
             url: "post_message.php",
             type: "POST",
             data: $(this).serialize(),
             dataType: "json",
             success: function(data) {
                 if (data.success == true) {
                     $("#repondre_" + id_message).hide();
                     $("#message_confirmation_" + id_message).show();
                 }
             }
         });
     }
 });

ou un truc approchant.

23/02/2016, 11h11
jexl

je sais que le code, comme ca, n'est pas très propre, mais ce que je voulais c'est que le submit se fasse obligatoirement après le click de message_
c'est pour cela que je l'ai imbriqué.