Discussion :

[noobyyy]

Bonjour les gens

je débute avec l'ajax depuis peu, j'ai lu de nombreux cours j'ai compris le système cependant j'ai du mal à mettre ceci en application.

J'ai un formulaire avec 3 input j'aimerai cliquer sur une image (onclick ou submit) et mettre à jour dans la base de données les champs du input.

Ma question est toute bête mais je ne comprends pas comment je peux envoyer mes champs du type post avec leurs valeurs.

Code :

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

1
2
3
4
 
xhr.open("POST", "script.php", true);		
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(data);

est-ce que data suffit pour envoyer tous les input ? ou faut-il les déclarer ?

Code :

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

1
2
3
<input type="text" name="email" />
<input type="text" name="nom" />
<input type="text" name="prenom" />

dans script.php je les récupère avec $_POST['name'];

si la requête fonctionne comment je peux mettre à jour les champs ? biensur sans recharger la page. Ceci sa fera avec le javascript ou php ?

si vous avez un bon site qui traite des exemples de POST, je veux bien les lire.

Merci pour vos conseils.

[E.Bzz]

Bonjour,
il te suffit de récupérer les valeurs à envoyer (avec des id ça serait préférable), puis d'envoyer la liste des paramètre via l'instruction send().

Tu trouveras pas mal d'exemples sur ce forum

A+

[noobyyy]

ah oui le id je suis bete ! mais donc dans le send je dois mettre tous les noms des id ?

Code :

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

xhr.send(data);

j'ai du mal a comprendre data ?

EDIT:

en fouillant le forum j'ai trouvé:

Code :

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

1
2
3
4
5
 
xhr.open("POST","script",true);
var data = "data="+document.getElementById('prenom').value;
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send(data);

Code :

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

1
2
 
var data = "data="+document.getElementById('prenom').value;

je dois déclarer tous les input pour l'envoie ?

[E.Bzz]

je dois déclarer tous les input pour l'envoie ?

Ben, ceux que tu veux envoyer, oui

A+

[noobyyy]

Code :

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

1
2
 
var data = "data="+document.getElementById('prenom').value;

ok, mais je ne vois pas comment je peux faire pour en déclarer plusieurs en faites niveau syntaxique...

le data = les 3 input ?

ou chaque input = une variable ?

[E.Bzz]

Heu ... là y avait qu'un paramètre à passer. Toi tu en as plusieurs.

Quand on fait des copier/coller à partir d'autres scripts, en général, y a 2 ou 3 adaptations à faire

Encore une fois, plein d'exemples sur le forum ...

A+