[AJAX] Bouton et rafraîchissement en AJAX

Bouton et rafraîchissement en AJAX

Bonjour,
Je suis confronté à un petit problème, en effet, je ne connais quasiment rien à AJAX mais je suis obligé de l'utiliser pour mon problème.
J'ai un système de "J'aime" d'article mais cependant lorsque l'on clique sur le bouton j'aime, ça rafraîchit la page, ce que je ne veux pas.
J'ai donc trouvé et modifier un bout de code pour répondre à ma demande, ça marche mais qu'une fois. C'est à dire que le premier clique marche bien (l'affichage du bouton et du nombre de J'aime change) mais lorsque je reclique sur le bouton rien ne se passe. Je dois donc rafraîchir pour pouvoir à nouveau aimer/ne plus aimer. Auriez-vous une solution ?

Voici mon code jQuery :

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
$(document).ready(function() {
    //au click sur le lien j'aime
    $(".l_like").click(function() {
        //on recupere la valeur de l'attribut href 
 
        var req = $(this).attr("name");
 
        //requête ajax, appel du fichier like.php
        $.ajax({
            type: "GET",
            url: req,
            dataType: "html",
            //affichage de l'erreur en cas de problème
            error: function(msg, string) {
                alert("Error !: " + string);
            },
            success: function(data) {
                $("#wrap_like").fadeOut(20);
                $("#wrap_like").load("#wrap_like #contain_like");
                $("#wrap_like").fadeIn(20);
            }
 
 
        });
        return false;
    });
})

Mon affichage HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
<div id="wrap_like">
   <div id="contain_like">
      <p>Ce tutoriel vous a été utile ? Alors aimez-le !</p>
      <div id="contain_btn_like">
         <span id="nbr_like"><?php echo $pagetutos['likes']?> J'aime</span>
         <?php 
            isLike($idTuto, $_SESSION['id']); 
            ?>
      </div>
   </div>
</div>

Merci d'avance !

Bonjour,
tu pourrais nous en dire un peu plus sur la façon dont tu as réglé ton problème ?

Merci d'avance.

Il fallait utiliser .live('click',function() au lieu de click et event.preventDefault(); au lieu de return false; !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function() {
    $("#l_like").live('click', function() {
        var req = $(this).attr("name");
        $.ajax({
            type: "GET",
            url: req,
            dataType: "html",
            //affichage de l'erreur en cas de problème
            error: function(msg, string) {
                alert("Error !: " + string);
            },
            success: function(data) {
 
                $("#wrap_like").fadeOut(1);
                $("#wrap_like").load("#wrap_like #contain_btn_like");
                $("#wrap_like").fadeIn(500);
 
                event.preventDefault();
            }
        });
    });
});

Merci pour le retour.