Bonjour,

Actuellement j'essayer de faire un petit programme de vote, le coté php/mySQL fonctionne comme prévu mais je n'arrive pas à envoyer de variable via ajax entre mes deux fichiers.

Voici mon code concernant ajax sur mon index :


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
<body>
<?php $id=1; ?>
	<div class="barre-reseaux-sociaux">
		<button type="button" onclick="traitementVote(1, <?php echo $id; ?>)">1</button>
		<button type="button" onclick="traitementVote(2, <?php echo $id; ?>)">2</button>
		<button type="button" onclick="traitementVote(3, <?php echo $id; ?>)">3</button>
		<button type="button" onclick="traitementVote(4, <?php echo $id; ?>)">4</button>
		<button type="button" onclick="traitementVote(5, <?php echo $id; ?>)">5</button>
	</div>
 
	<script>
		function traitementVote(choixVote, idSite) {
			var xhr = new XMLHttpRequest();
			data="vote="+choixVote+"&id="+idSite;
			xhr.open('POST',votePhP.php);
			xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
			xhr.send(data); 
		}		
	</script>
</body>


Et le code du fichier votePhP.php qui s'occupe de récupérer ces variables:


Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<?php
		$choixVote=$_POST["vote"];
		$choixId=$_POST["id"];
	?>



Le problème est simple, je veux juste envoyer la valeur du vote et l'id du site sur mon fichier php qui s'occupera de mettre à jour la base de données.

Qu'ais-je mal fait dans mon code ajax ?