SOS comment envoyer les informations a la BDD dans ce cas

Fermé

adelfr2009 Messages postés 3 Date d'inscription mardi 4 novembre 2014 Statut Membre Dernière intervention 21 mars 2015 - Modifié par adelfr2009 le 21/03/2015 à 12:41
janweb - 22 mars 2015 à 00:43

Bonjour, jai ce code qui permet ajouter et supprimer des formulaires dynamiquement avec JS
si je clique sur ""soummetre"" comment envoyer les informations des champs a la BDD dans ce cas

<html>
<head>
<script type="text/Javascript" >
   function ajout(element){
      var formulaire = window.document.formulaireDynamique;
      // On clone le bouton d'ajout
      var ajout = element.cloneNode(true);
      // Crée un nouvel élément de type "input"
      var champ = document.createElement("input");
      // Les valeurs encodée dans le formulaire seront stockées dans un tableau
      champ.name = "champs[]";
      champ.type = "text";
        
      var sup = document.createElement("input");
      sup.value = "supprimer un champ";
      sup.type = "button";
      // Ajout de l'événement onclick
      sup.onclick = function onclick(event)
         {suppression(this);};
        
      // On crée un nouvel élément de type "p" et on insère le champ l'intérieur.
      var bloc = document.createElement("p");
      bloc.appendChild(champ);
      formulaire.insertBefore(ajout, element);
      formulaire.insertBefore(sup, element);
      formulaire.insertBefore(bloc, element);
   }
   
   function suppression(element){
   var formulaire = window.document.formulaireDynamique;
        
   // Supprime le bouton d'ajout
   formulaire.removeChild(element.previousSibling);
   // Supprime le champ
   formulaire.removeChild(element.nextSibling);
   // Supprime le bouton de suppression
   formulaire.removeChild(element);
}
</script>

</head>
<body>
<form name="formulaireDynamique">
   <input type="button" onclick="ajout(this);" value="ajouter un champ"/>
   <br /><br />
   <input type="submit" value="soumettre"/>
</form>


</body>
</html>

A voir également:

1 réponse

Réponse 1 / 1

janweb
22 mars 2015 à 00:41

Salut,
javascript fonctionne sur l'ordinateur de l'internaute ou plutôt c'est celui ci qui l'interprète.
Pour communiquer avec la base de données c'est du côté du serveur donc vous devez utiliser un langage serveur.
C'est le cas de PHP par exemple.
En jquery on peut utiliser AJAX qui permet de rendre le javascript asynchrone avec le langage serveur sur la base de méta données(xml).
Le principe c'est que le programme 'patiente' le temps que les informations serveurs soient effectuées et d'utiliser ceux ci stockées en XML chez le client dans certains cas plutôt que d'accéder à la base.

janweb
Modifié par janweb le 22/03/2015 à 00:44

Si vous ne considérez que la partie js(en tout cas celle de votre code) vous restez sur du HTML. HTML = affichage, vous n'avez aucune information.
Ce qui faut que vous revoyez c'est où vont les informations de votre formulaire une fois que vous appuyez sur le bouton.
C'est le rôle d l'attribut target(cible) de la balise form.
Les formulaires ici:
https://www.commentcamarche.net/contents/493-formulaires-html-cours-et-exemples

Discussions similaires

Chemin Logo du site de la Cité de l'espace

chaima csc

Codage de texte

code couleur associé a une image

[Navigation Internet] Trace de navigation

Discussions similaires

Newsletters