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.