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

AJAX Discussion :

[AJAX] Comment envoyer les données d'un formulaire


Sujet :

AJAX

  1. #1
    Débutant  
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 098
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 098
    Points : 946
    Points
    946
    Par défaut [AJAX] Comment envoyer les données d'un formulaire
    Bonjout àtous

    J'ai un script qui fonction sur l'ID d'un field.
    Il envoie la valeur de ce champs et retourne éle resultat d'une requete MySQL

    Voiv le code:
    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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
     
    		<script type='text/javascript'>
     
    			function getXhr(){
                                    var xhr = null; 
    				if(window.XMLHttpRequest) // Firefox et autres
    				   xhr = new XMLHttpRequest(); 
    				else if(window.ActiveXObject){ // Internet Explorer 
    				   try {
    			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			            } catch (e) {
    			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			            }
    				}
    				else { // XMLHttpRequest non supporté par le navigateur 
    				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    				   xhr = false; 
    				} 
                                    return xhr;
    			}
     
    			/**
    			* Méthode qui sera appelée sur le click du bouton
    			*/
    			function go(){
    				var xhr = getXhr();
    				// On défini ce qu'on va faire quand on aura la réponse
    				xhr.onreadystatechange = function(){
    					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    					if(xhr.readyState == 4 && xhr.status == 200){
    						leselect = xhr.responseText;
    						// On se sert de innerHTML pour rajouter les options a la liste
    						document.getElementById('livre').innerHTML = leselect;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","update_client.php",true);
    				// ne pas oublier ça pour le post
    				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				// ne pas oublier de poster les arguments
    				// ici, l'id de l'auteur
    				sel = document.getElementById('auteur');
    				idauteur = sel.options[sel.selectedIndex].value;
    				xhr.send("idAuteur="+idauteur);
    			}
    		</script>
    Il fonctionne bien sauf que mainteant je dois l'adapter pour que toues mes champs de mon formulaire soit envoyé à la page update_client.php afin que la base de donnée soit mis à jour.

    Donc ceci ca ne vas plus
    idauteur = sel.options[sel.selectedIndex].value;
    Car ca traite aun sélect, non?.
    J'ai donc corrigé aisni:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    	sel = document.getElementById('auteur').value;
    	xhr.send("idAuteur="+sel);
    Le problème c'est que je traite toujours un champs de mon formulaire.

    Devrais-je dois remplacé
    sel = document.getElementById('auteur').value;
    par l'id de mon form?

    Mais alors, es-ce que la variable idAuteur peut devenir un tableau content toutes les valeur des champs de mon formulaire?

    Là je bloque

    Milles mercis

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Non, tu ne peux pas passer un tableau comme paramètre. Seules les valeurs textuelles peuvent être transmises via HTTP.
    Il va donc falloir que tu récupères toutes tes valeurs une à une et que tu les ajoute à l'URL.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 18/08/2009, 10h19
  2. envoyer les données d'un formulaire, mais rester sur la meme page
    Par am@123 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/06/2009, 09h20
  3. Comment récupérer les données de mon formulaire?
    Par kaselander dans le forum Langage
    Réponses: 27
    Dernier message: 02/03/2009, 16h03
  4. [AJAX] Récupérer directement les données d'un formulaire
    Par linar009 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 23/12/2007, 13h55
  5. Réponses: 13
    Dernier message: 13/09/2006, 21h39

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