Ajax : fonction qui ne marche pas

Salut tout le monde,

$(function(){
                $(".submit").click(function(){
                    var tab = new Array();
                    var n=0;
                    $("input:checkbox:checked").each(function(){
                        tab[n]=$(this).val();
                        n=n+1;
                    });
                    req={'tab[]':tab, n:n};
                    jQuery.post("pourcentage.php",data:req,success:function(data){
                            $('#result').append(data);
                    }
                    return false;
                });
});

Ce code ne fonctionne pas. Quand je clique sur le bouton envoyer de mon formulaire, la page se recharge et rien ne se passe. Je précise d'ailleurs que lorsque j'enlève les lignes de 10 à 12, tout fonctionne : la page ne se recharge pas. J'ai fait un test avec des alert un peu partout, aucun ne s'affiche. Par contre si j'enlève les 3 lignes, cela fonctionne...

Pouvez vous m'aider ? Je vous remercie d'avance.
Modifié par stalex (02 May 2013 - 14:46)

à effacer
Modifié par stalex (02 May 2013 - 14:59)

Bonjour, tu as sans doute une erreur dans ton js ... regarde la console firebug quand tu valides ton formulaire ...

Je ne suis pas sûr, mais pour le post, j'écrirais plutôt:

jQuery.post("pourcentage.php",req,function(data){

et non "data:req", et non "sucess:function"
Modifié par loicbcn (02 May 2013 - 15:00)

C'est exactement ça... j'ai enlevé le data: et sucess: et ça fonctionne je te remercie mille fois