Bonjour tous le monde,
Je viens de faire un formulaire en Javascript et j'ai appris que pour pouvoir insérer les réponses dans ma base de données je dois passer par de l'Ajax. Néanmoins je n'ai aucune notion d'Ajax et je souhaiterai que vous me redirigiez vers des tutos ou des sujets traitant de ceci .
Mon formulaire ressemble a ceci :
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 <form name="formu" method="post" action="bdd.php"> Choisir un bu <select name="listebu" onChange="filltheselect(this.name, this.value)"> <script language="javascript"> for (i=0; i<bu.length; i++) document.write("<option value=\"" +bu[i][0]+ "\">" +bu[i][1]); </script> </select> <br> Choisir un vm <select name="listevm" onChange="filltheselect(this.name, this.value)"> <script language="javascript"> for (i=0; i<vm["p0"].length; i++) document.write("<option value=\"" +vm["p0"][i][0]+ "\">" +vm["p0"][i][1]); </script> </select> <h2>Sélectionner la puissance de l'engagement</h2> <button class="buttonr" style="margin: auto" onClick="alert('Requete Envoyé')" type="submit" value="1" name="engagement"><span>Rouge</span></button> <button class="buttonj" style="margin: auto" onClick="alert('Requete Envoyé')" type="submit" value="2" name="engagement"><span>Jaune</span></button> <button class="buttonv" style="margin: auto" onClick="alert('Requete Envoyé')" type="submit" value="3" name="engagement"><span>Vert</span></button> </form>
Et mon php actuel :
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 <form name="formu" method="post" action="bdd.php"> Choisir un bu <select name="listebu" onChange="filltheselect(this.name, this.value)"> <script language="javascript"> for (i=0; i<bu.length; i++) document.write("<option value=\"" +bu[i][0]+ "\">" +bu[i][1]); </script> </select> <br> Choisir un vm <select name="listevm" onChange="filltheselect(this.name, this.value)"> <script language="javascript"> for (i=0; i<vm["p0"].length; i++) document.write("<option value=\"" +vm["p0"][i][0]+ "\">" +vm["p0"][i][1]); </script> </select> <h2>Sélectionner la puissance de l'engagement</h2> <button class="buttonr" style="margin: auto" onClick="alert('Requete Envoyé')" type="submit" value="1" name="engagement"><span>Rouge</span></button> <button class="buttonj" style="margin: auto" onClick="alert('Requete Envoyé')" type="submit" value="2" name="engagement"><span>Jaune</span></button> <button class="buttonv" style="margin: auto" onClick="alert('Requete Envoyé')" type="submit" value="3" name="engagement"><span>Vert</span></button> </form>
Je me suis renseigné et j'ai trouvé que je devais insérer ces bouts de code :
Seul problème c'est que je ne sais pas ou le mettre :/
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 $.ajax({ type: 'POST', url: 'bdd.php', data: { listebu: this.title ,listevm: this.title}, success: function(response) { content.html(response); } });
Partager