[AJAX] XMLHttpRequest : exécution du script

Bonjour à tous, j'ai un petit soucis avec mon code JS ainsi qu'avec le html pour envoyer cette requête. Je souhaite faire un système de vote simple où les visiteurs cliquent sur "j'adore" s'ils ont aimés ou sur "naze" s'ils n'ont pas aimés.
J'ai testé le scipt php pour mettre tout ça dans la base de donnée, ça marche niquel donc le soucis ne vient pas de là.

Donc voilà mon code avec xmlhttprequest :
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 function vote(vote, id) { var xhr = getXMLHttpRequest(); if (xhr && xhr.readyState != 0) { document.location.href='vote.php?vote'+vote+'&id='+id; } xhr.onreadystatechange = function() { if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { document.getElementById('valider_vote_'+id).innerHTML = "Votre vote a été pris en compte, merci"; } else if(xhr.readyState == 2 || xhr.readyState == 3) { document.getElementById("valider_vote_"+id).innerHTML = "<img src=\"chargement.gif\" alt=\"Chargement\"/>"; } } xhr.open("GET", "vote.php?vote=" + vote + "&id=" + id + "", true); xhr.send(null); }
(à noter que j'ai bien créé la fonction getXMLHttpRequest() mais je l'ai pas posté pour pas encombrer)

Et voici le lien qui fait sur lequel doit cliquer le visiteur :

Code:

<a href="vote.php?vote=adore&id=<?php echo $donnees['id'];?>" onClick="vote('adore', '<?php echo $donnees['id'];?>');return false;">J'adore</a>

(c'est le même pour naze sauf que là y a la variable vote qui change.
Est-ce que vous pourriez m'aider ? C'est mon tout premier script, je me lance :)
Merci beaucoup

Que se passe-t-il exactement?

Tu pourrais nous donner le code de ton getXMLHttpRequest? Tu fais l'appel AJAX de la page dedans?

Sinon,ce code,tel que tu l'as écrit,ne pourra jamais finir la requête AJAX étant donné qu'il redirige l'utilisateur sur la page PHP...
Code:

1 2 3 4 5 if (xhr && xhr.readyState != 0) { document.location.href='vote.php?vote'+vote+'&id='+id; }

Salut, merci pour la réponse rapide :)
Oui, en effet, grosse erreur...

Pour la fonction, voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function getXMLHttpRequest() { var xhr = null; if(window.XMLHttpRequest || window.ActiveXObject) { if(window.ActiveXObject) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { xhr = new XMLHttpRequest(); } } else { alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest..."); return null; } return xhr; }
Et en fait quand je clique sur le lien, ça m'envoie vers la page vote.php. Donc du coup, je ne sais pas quoi mettre dans le href parce que j'avais mis href="#" mais ça marchait pas. Et ensuite, j'ai essayé de mettre un bouton, pour tester le code comme ceci :

Code:

<input type="button" onclick="vote('adore', '<?php echo $donnees['id'];?>');" value="Envoyer" />

mais ça ne faisait rien...

ps : j'ai réessayé en enlevant le document.location.href mais ça ne change rien.

Merci

[edit]je viens de mettre un lien comme ceci :

Code:

<a href="javascript:vote('naze', '<?php echo $donnees['id'];?>');" >Cliquez moi</a>

, ce qui, ils me semble, devrait appeler la fonction vote non ? ça ne marche pas

Code:

<a href="javascript:vote('naze', '<?php echo $donnees['id'];?>');" >Cliquez moi</a>

Selon moi, <?php echo $donnees['id'];?> risque de ne pas être considéré comme du code php mais plutôt comme la valeur du 2e argument de ta fonction...
Essaye avec :

Code:

<a href="javascript:vote('naze', <?php echo '\''.$donnees['id']'\'';?>);" >Cliquez moi</a>

Ce doit être le deuxième argument de ma fonction :)
Mais en fait, c'est bon, le script marche bien, je m'étais juste trompé dans le document.location.href et pour appeler le fichier javascript :) Comme quoi parfois faut pas chercher loin.

Merci à tous pour vos conseils et votre aide.