$.post s'éxecute plusieurs fois sur un event !

Version imprimable

Bonjour,

Sur une page html, j'ai un lien avec une classe formulaire. Si je clique sur ce lien, une classe est definie sous jquery afin d'executer un $.post vers le fichier formulaire.php dans lequel il y a une requete d'insertion dans une base de donnée mysql.

Le probleme arrive lors d'un clique sur mon lien, le post s'execute x fois! Quand je vais regarder ma base de donnée, il y a plusieurs insertion, entre 2 et 7 fois.....

Je ne vois pas du tout le probleme???

Mon code jquery et le suivant:

Code:

1
2
3
4
5
6
7
8
9
$(".formulaire").click(function(event){
  event.preventDefault();
    var page=$(this).attr("href");
   var auteur = $("#texte_commentaire1").val();
    var commentaire = $("#texte_commentaire2").val();
 
   $.post(page, { auteur:auteur, commentaire:commentaire });
 
});

Et mon code php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php 
 
        @mysql_connect($host, $user,$pass ) or die("<big><big><span style='font-weight: bold; color: rgb(204, 0, 0);'>Impossible de se connecter au serveur (serveur HS ou mauvaise config du fichier connexion_bdd.php)<br></big>En gros va surfer sur un autre site!</span></big><br>");
        @mysql_select_db($bdd) or die("Erreur de connexion a la base de donnees");
 
           $date = date("Y-m-d H:i:s"); 
           list($date_temp, $heure) = explode(" ", $date);
       list($annee, $mois, $jour) = explode("-", $date_temp);
           list($heure, $minute, $seconde) = explode(":", $heure);      
 
        $req = "INSERT INTO fccoop13_commentaires (article,auteur,titre,commentaire,date) VALUES('$id','$auteur','$titre_article','$commentaire','$date')"; 
        $enregistrement=mysql_query($req); 
 
mysql_close(); 
 
?>

Merci pour vos aides,
TouFou

Bonsoir.

Code:

1
2
3
4
5
6
7
8
9
$(".formulaire").click(function(event){
	var page=$(this).attr("href");
	var auteur = $("#texte_commentaire1").val();
	var commentaire = $("#texte_commentaire2").val();
 
	$.post(page, { auteur:auteur, commentaire:commentaire });
 
	return false; // empêche l'action par défaut et la transmission de l'événement
});

02/03/2010, 14h43
toufou

Bonjour,
Merci d'avoir répondu, comme d'hab ;) mais cette fois ci la solution proposée ne fonctionne pas...
Cela semble faire moins souvent le defaut avec votre code, mais de temps en temps l'insertion dans la base de donnée se fait plusieurs fois pour un seul clic sur le lien.....

Si vous avez une autre idée du problème, surtout je suis bloqué car je ne comprends pas du tout d'ou vient le probleme!?!
02/03/2010, 22h46
danielhagnoul

Bonsoir.

:koi: Idée : La « form » de classe formulaire est unique ? Elle ne contient qu'un seul lien « href » ?

Citation:

Envoyé par danielhagnoul

Bonsoir.

:koi: Idée : La « form » de classe formulaire est unique ? Elle ne contient qu'un seul lien « href » ?

Bonjour,
Je ne suis pas sur de bien comprendre la question, mais l'idée me semble bonne ;)

Je m'explique après quelques investigations..

Comme d'hab, je me suis dis qu'il y avait plus de chance que l'erreur vienne de moi que votre soluce, alors j'ai continué de chercher de mon coté comme je peux, et surtout avec mes connaissances....

Bref, j'ai remplacé le code de ma classe par:
Code:

1 2 3 4 $(".formulaire").click(function(event){ event.preventDefault(); alert("test"); });
Et la surprise, lorsque je clique sur mon lien, l'alerte apparait deux fois!!!
Donc le probleme ne vient pas du post, mais du fait que ma classe s'execute deux fois, mais je ne vois pas du tout pourquoi!!

Pour appeler ma classe, j'ai ce code:
Code:

1 2 3 4 5 <div id="formulaire"> <input type="text" id="texte_commentaire1" value="texte1"><br> <textarea rows="5" COLS="80" type="text" id="texte_commentaire2" value="commentaire"/></TEXTAREA><br> <div class="formulaire">Envoyer le commentaire</div> </div>
Tout ce passe comme si la classe etait executée deux fois....

Une idée?

03/03/2010, 15h44
toufou

A priori, je vais me répondre tout seul.
Suite à d'autres problemes avec Jquery, j'avais mis en haut de ma page contenant la div avec la classe formulaire, le rappelle de mon script contenant toutes mes fonctions et classe, et à priori, la classe est donc declarée deux fois et s'execute deux fois...
Je sais pas si je suis très explicite.

En fait mon site fonctionne avec une page principale appelée sommaire.html, ou dans le header je declare lquery.js et mon script.js qui contient toutes mes fonctions et classes.
Depuis la page principale, via la fonction load, j'ouvre une autre page html dans une div de ma page principale. Dans la page appelée je rappelais mon script, et je pense que c'est ca qui faisais doublon au vu de mes premiers tests...