Discussion :

[Mimi Bulles]

bonjour à tous. J'ai une petite question concernant l'envoi de formulaire via ajax.

jai lu que l'envoi d'un formulaire se faisait ainsi

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 init(){
    var xhr = null; 
    if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); 
    else if(window.ActiveXObject) xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    else alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");   
    return xhr; 
}
function updateNews(form, response){
    var xhr= init();
    xhr.open("POST","admUpdateNews.php",true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    var datas = null //données à envoyer.
    xhr.send(datas);
//...
}

le problème, c'est que je ne sais pas comment récupérer toutes les données du formulaire(il est assez long) .
Y-a-t'il un moyen pour faire un submit() via l'objet xhr ? Ou alors, quelle est la méthode à employer ?

En vous remerciant,

[Swoög]

mulitpost

[lalouve]

Il faut que tu mettes dans ta variable data les valeurs des elements qui constituent ton formulaire.

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
function init(){
    var xhr = null; 
    if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); 
    else if(window.ActiveXObject) xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    else alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");   
    return xhr; 
}
 
function getFormData(form, separateur){
var data = "";
var form = document.getElementById(form);
var elements = form.elements;
for(var i=0; i<form.length; i++){
  data += elemens[i] + "=" + elements[i].value + separateur;
}
}
function updateNews(form, response){
    var xhr= init();
    xhr.open("POST","admUpdateNews.php",true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 
var data = getFormData(form);
 
xhr.send(data);
//...
}

Voilà j'ai pas testé, je t'écris ça à main levée...

Bon courage.



E-Spiration : soyez inspirés!

[Mimi Bulles]

Merci, et pardon pour le multipost, j'ai fait une mauvaise opération . Je sais pas si je sais l'effacer.

[siddh]

une petite correction :

Code :

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

1
2
3
4
5
6
7
8
function getFormData(form){
var data = "";
var form = document.getElementById(form);
var elements = form.elements;
for(var i=0; i<form.length; i++){
  data += elements[i].name + "=" + elements[i].value+"&";
}
}

[lalouve]

Exact ou alors remplacer

Code :

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

var data = getFormData(form);

par

Code :

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

 var data = getFormData(form, "&");

[siddh]

et rajouter le .name dans la fonction

mais je vois pas l'interet de mettre un separateur variable, y a quand meme peu de chance que les normes changent non ?

[lalouve]

et de rajouter le .name!!
J'ai hésité a rendre le séparateur "variable" (d'où l'erreur!) et puis je me suis dit que quelqu'un pourrait réutiliser cette fonction dans d'autres circonstances. Les normes, et en particulier celle là on vraiment peu de chance de changer