[AJAX] Ajax et formulaire

**Mimi Bulles** · 12/05/2006, 18h49

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** · 12/05/2006, 18h51

mulitpost

**lalouve** · 12/05/2006, 19h07

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** · 12/05/2006, 19h24

Merci, et pardon pour le multipost, j'ai fait une mauvaise opération

. Je sais pas si je sais l'effacer.

**siddh** · 13/05/2006, 10h19

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+"&";
}
}