IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Envoi d'un formulaire via une fonction JavaScript


Sujet :

JavaScript

  1. #1
    Membre actif
    Inscrit en
    Janvier 2003
    Messages
    604
    Détails du profil
    Informations forums :
    Inscription : Janvier 2003
    Messages : 604
    Points : 247
    Points
    247
    Par défaut Envoi d'un formulaire via une fonction JavaScript
    Bonjour, je souhaite déclencher une requete POST via du javascript,

    J'ai créé cette fonction d'envoi de fomulaire


    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
    function post_en_url(url, parametres) {
    //Création dynamique du formulaire
                        var form = document.createElement(form);
                        form.method = 'post';
                        form.action = url;
    //Ajout des paramètres sous forme de champs cachés
                       for(var cle in parametres) {
                           if(parametres.hasOwnProperty(cle)) {
                              var champCache = document.createElement('input');
                                champCache.type='hidden';
                                champCache.name = cle;
                                champCache.value=parametres[cle];
                                form.appendChild(champCache);
                                }
                              }
                                //Ajout du formulaire à la page et soumission du formulaire
                                  document.body.appendChild(form);
                                  form.submit();
                                }
    que j'appelle

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    post_en_url('Pages_Donnees_Validees.php', { fichier: 'fileInput.files[0]' });

    mais il y a un bug sur le form.submit() qui n'est pas reconnu, à la place j'ai l'erreur suivante :

    Uncaught TypeError: form.submit is not a function
    Cela pourrait s'expliquer si j'avais des name='submit' ou id='submit' dans mon code html, mais ce n'est pas le cas.

    Je dois préciser que j'utilise le framework Bootstrap, est ce que c'est le framework qui pourrait être incriminé ?

    Merci d'avance de vos idées.

  2. #2
    Membre expérimenté Avatar de Cincinnatus
    Homme Profil pro
    Développeur d'applications métier
    Inscrit en
    Mars 2007
    Messages
    592
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur d'applications métier
    Secteur : Service public

    Informations forums :
    Inscription : Mars 2007
    Messages : 592
    Points : 1 679
    Points
    1 679
    Par défaut
    Bonjour,

    Et avec createElement("form") au lieu de createElement(form) ça donnerait quoi ?

    Citation Envoyé par comme de bien entendu Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    //Création dynamique du formulaire
     var form = document.createElement("form");

  3. #3
    Membre régulier Avatar de tag9724
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2021
    Messages
    64
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Dordogne (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2021
    Messages : 64
    Points : 113
    Points
    113
    Par défaut
    Ton problème se trouve ici
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var form = document.createElement(form);
    , form dans ce contexte est égal a une variable non définie il faut donc la remplacer par une chaine de caractères
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var form = document.createElement("form");

  4. #4
    Membre actif
    Inscrit en
    Janvier 2003
    Messages
    604
    Détails du profil
    Informations forums :
    Inscription : Janvier 2003
    Messages : 604
    Points : 247
    Points
    247
    Par défaut
    Merci pour cette réponse, si j'avais eu deux doigts de bon sens ....
    Bonne journée.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. envoi formulaire via une fonction
    Par legide dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/05/2009, 23h31
  2. Réponses: 2
    Dernier message: 28/04/2009, 13h50
  3. Réponses: 3
    Dernier message: 10/08/2007, 16h07
  4. appel d'une fonction javascript à l'envoi du formulaire
    Par Invité dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/07/2007, 19h58
  5. [AJAX] Envoi ou non d'un formulaire avec une fonction AJAX
    Par ohhh.gringo dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 16/05/2007, 11h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo