Action Javascript en fonction du boutton cliqué

**lemzo84** · 27/04/2020, 21h57

Salut, j'ai fait les modifs mais je n'arrive toujours pas a recuperer le id. D'autres idees ?
Voici le code:

Code HTML :

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
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
 
<button class="boutons" value="2000" id="CodeProduit1" >Envoyer</button>
<button class="boutons" value="5000" id="CodeProduit2">Envoyer</button>
<button class="boutons" value="10000" id="CodeProduit3">Envoyer</button>
 
 
<script>
const mes_boutons=document.querySelectorAll(".boutons");
console.log("Valeur de mes_boutons",mes_boutons);
 
for(var i = 0; i < mes_boutons.length; i++) {
        mes_boutons[i].addEventListener("click", function(){
        $.ajax({
                url:'test.php',
                type: 'POST',
                data: {amount: this.value, productId: this.id,},
                success: function (json_data) {
                        window.location.replace(json_data);
                },
                error: function() {
                        console.log("data not found");
                }
        });
});
};
 
</script>
</body>
</html>

**javatwister** · 27/04/2020, 23h33

Ligne 26: virgule à effacer...

**Beginner.** · 27/04/2020, 23h56

Salut,

Envoyé par lemzo84

Salut, j'ai fait les modifs mais je n'arrive toujours pas a recuperer le id. D'autres idees ?

Ben si tu récupères bien la propriété amount tu devrais aussi pouvoir récupérer la propriété productId... Comment procèdes-tu ?

Envoyé par javatwister

Ligne 26: virgule à effacer...

Tu veux dire ligne 24 ? Chez moi ça marche même avec mais autant l'enlever tu as raison...

**NoSmoking** · 28/04/2020, 10h27

Bonjour,

on peut lire dans ton code $.ajax mais tu utilises des document.querySelectorAll, cela reste une mauvaise pratique que de mélanger les écritures.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(".boutons").on("click", function () {
  // le code
});

en jQuery, le code est plus concis, mais tu peux aussi décider de rester en « Vanilla » JavaScript, c'est juste un soucis de cohérence.

**lemzo84** · 29/04/2020, 14h58

Bonjour Messieurs,

Ça marche.

Merci beaucoup pour votre aide précieuse.

Action Javascript en fonction du boutton cliqué

JavaScript

Discussions similaires

Partager

Partager