Discussion :

[amine2208]

Bonjour voila j'ai ce formulaire :




je voudrais quand l'utilisateur clique sur "suivant >>" ses données sois enregistrées dans ma bdd et que ce deuxième formulaire ( ci dessous ) apparait sans charger la page :






comment faire svp ?

[www.diazis.com]

Bonjour,

Sur le onclick du premier formulaire tu lances une fonction javascript qui crée une requête ajax vers une page php qui enregistre les données passées en paramètre dans ta bdd.
Sur le retour ok de php via la réponse ajax, tu masque le premier formulaire (ex. : myForm.style.display='none'; ) et affiche le second (ex. : myForm2.style.display='block'; ) .

[amine2208]

Merci pour ta réponse. En fait, je sais que c'est ça qu'il faut que je fasse mais le problème c'est que j'y connais rien en Ajax. :'( (Je suis autodidacte. xD) Donc du coup je galère. :s

[www.diazis.com]

En javascript le principe est le suivant :
1. tu crées un objet XMLHttpREquest - xhr ci-après
2. tu déclares le mode de transaction et l'URL de la page renvoyant la réponse.
3. tu envois la requête vers ta page php avec des éventuelles paramètres
4. tu attends la réponse et le status ok (mode asynchrone)
5. tu récupères le retour de ta page php - dans reponse ci-après

Code :

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

1
2
3
4
5
6
7
8
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.test.com/mapageretour.php');
xhr.send('param1=toto&param2=titi');
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    reponse = xhr.responseText;
  }
}

La réponse peut être un string ou un tableau codé en json par exemple.

[NoSmoking]

Bonjour,

...le problème c'est que j'y connais rien en Ajax.

on peut te conseiller au moins

• Comprendre les mécanismes d'AJAX
• Allez plus loin avec AJAX et XMLHttpRequest

[amine2208]

...

merci pour ses conseils j'y ferais un tour

[amine2208]

...

désolé pour le retard , merci pour la réponse je dois passer comme paramètres les données du formulaires c'est bien ça ?