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 :
Mon affichage HTML :
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
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; }); })
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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 !
Partager