Discussion :

[faico]

Salam,
J'ai une page qui contient bcp d'informations ,ainsi qu'un formulaire , ce formulaire poste ces informations à une page qui fait un petit traitement ,
Est ce qu'il ya une methode pour poster un formuaire par AJAX?

[FremyCompany]

Ben pas vraiment...
Tu as bien form.elements que tu peux enumerer pour en obtenir les valeurs mais ca n'envoie pas les fichiers...

[faico]

Salam,
Est ce que vous pouvez m'expliquer d'avantage ?

[FremyCompany]

A la volée, des correction doivent peut-être être apportées :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function getDataFromForm(Form) {
    var data=""
    for (key in Form.elements) {
        data+=escape(key)+"="+escape(Form.elements[key].value)+"&";
    }
    return data.substr(0, data.length-1);
}
 
// utilisation, ne marche pas avec les input file
xhr.send(getDataFromForm(document.forms["NAME"]);

[faico]

Salam,
Ok merci FremyCompany !

[faico]

Salam,
mais plutôt voila le bon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function getDataFromForm(Form) {
    var data="";
    var key=0;
    for (key=0;key<Form.elements.length;key++) {         
         data+=escape(Form.elements[key].name)+"="+escape(Form.elements[key].value)+"&";
    }
    return data.substr(0, data.length-1);

[faico]

Salam,
mais il me reste comme même un petit problème : il y'a un <select> dont l'attribut value me donne une chiane vide même si je choisis une ligne non vide ?

[FremyCompany]

Et comme ca ?

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
function getDataFromForm(Form) {
    var data="";
    var key=0;
    for (key=0;key<Form.elements.length;key++) {      
         var currentValue=(Form.elements[key].tagName.toLowerCase()=="select")?getSelectValue(Form.elements[key]):Form.elements[key].value
         data+=escape(Form.elements[key].name)+"="+escape()+"&";
    }
    return data.substr(0, data.length-1);
}
 
function getSelectValue(select) {
   var value="";
   for (var i=0; true; i++) {
      if (select.option[i]) {
         if (select.options[i].selected) {
            value += select.options[i].value + ",";
         }
      } else {return value.substr(0, value.length-1); }
   }
}

[faico]

Salam,
Le prolème etait dans l'attribut value que j'ai précisé !
Merci encore une fois FremyCompany .

[edit] Oui votre code aussi marche bien FremyCompany !

[blueace]

Bonjour à tous

Désolé de déterrer ce vieux post, mais j'ai un petit pb relatif a ce sujet :

Si je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
[...]
req.send(getDataFromForm(document.forms["myform"])); 
[...]
<form name="myform" method="post" action="javascript:submitForm()">
   [...]
   <input name="gen" type="submit" value="Commencer" />
</form>
<div id="zoneajax"> </div>

tout va bien

Mais dans mon cas précis j'ai besoin que le formulaire soit DANS la zone qu'ajax va modifier. C-a-d que j'ai besoin de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
[...]
req.send(getDataFromForm(document.forms["myform"])); 
[...]
<div id="zoneajax">
  <form name="myform" method="post" action="javascript:submitForm()">
     [...]
     <input name="gen" type="submit" value="Commencer" />
  </form>
</div>

Hors là, ben ça marche plus car javascript ne connait plus document.forms["myform"].
J'ai remplacé par document.GetElementById("zoneajax").forms["myform"]... sans succès.

Une petit idée ?

[yobuntu]

Bonjour, je déterre le sujet qui vient de m'être très utile, et j'ajoute ma modeste pierre à l'edifice pour obtenir quelque chose qui ressemble un peu plus a un champ $_POST qu'on a l'habitude de traiter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function getDataFromForm(Form) {
    var data=""
    for (key in Form.elements) {
        if (Form.elements[key].checked) {
            data+ = escape( Form.elements[key].name) + "=" + escape( Form.elements[key].value ) + "&";
        }
    }
    return data.substr(0, data.length-1);
}