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 :

[AJAX] comment envoyer un formulaire via AJAX


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    1 249
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 1 249
    Par défaut [AJAX] comment envoyer un formulaire via AJAX
    Bonjour,

    J'ai ma page HTML qui contient un formulaire.
    Est-il possible d'envoyer via AJAX les valeurs du formulaire (methode POST) simplement vers le fichier "envoie.cgi" ?
    Actuellement, je fais des boucles qui listes tous les éléments de mon formulaire et je les concatain dans une chaine de caractere que j'envoie via AJAX : c'est fastidieux => on ne peux pas faire plus simple ?

  2. #2
    Membre Expert Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Par défaut
    Non ^^

    Cependant, certains frameworks proposent des méthodes du genre Serialize qui te permettent d'effectuer cette opération automatiquement (mais le principe reste le même).

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    1 249
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 1 249
    Par défaut
    ok merci pour ta réponse, c'est bien ce que je pensais

    personne ne connait une petite fonction javascript qui permet de créer la chaine sérialisée en fonction du nom du formulaire ?

    j'ai commencé part faire ça mais ça ne gère pas correctement tout les types de <input> (ex : les checkbox) :
    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
    function SendFormulaire(myForm){
    	var data = "";
    	var form = document.getElementById(myForm);
    	var elements = form.elements;
     
             data = elements[0].name + "=" + elements[0].value;
     
    	for(var i=1; i<form.length; i++){
    		if (elements[i].value != null){
    			data += "&" + elements[i].name + "=" + elements[i].value;
    		}
    	}
     
    	alert(data);
    }

  4. #4
    Membre Expert Avatar de jeffray03
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2008
    Messages
    1 501
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2008
    Messages : 1 501
    Par défaut
    salut moi j´utilise le prototype.js que l´on peut telecharger sur le net gratuitement,
    et je fait ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    function SendFormulaire(myForm)
    {
      var params; 
      var url="index.php"; 
      params = Form.serialise(myForm); // tout les parametres sont serialisés    
                                                    //  dans params
      // et je peux l´accrocher sur mon url comme ceci
      url = url+"?"+params;
    }

Discussions similaires

  1. [AJAX] Envoyer un formulaire par ajax
    Par theyaspro dans le forum AJAX
    Réponses: 4
    Dernier message: 25/03/2012, 00h39
  2. [AJAX] Comment envoyer le formulaire en AJAX sur la page addticket.php ?
    Par emayen01 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/02/2009, 17h38
  3. [AJAX] Comment envoyer un fichier par la méthode post à l'aide d'ajax?
    Par othmane126 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/03/2008, 12h00
  4. [AJAX] Comment envoyer au serveur une seul info sans recharger la page
    Par Ekimasu dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 15/11/2007, 12h10

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