Discussion :

[amine2208]

Bonjour / Bonsoir tout le monde

Alors je vous explique mon soucis en faite :

j'ai une page test.php sur cette page il y a un formulaire on va le nommé "form1" avec un bouton "Suivant" de type bouton non submit donc ce que je veux faire c'est quand on clique sur le bouton "suivant" il y a code ajax qui enregistre les données de "form1" dans une BDD et faire apparaitre un 2 eme formulaire donc "form2" tout ça sans charger la page et sachant que "form1" et "form2" sont different, donc comment faire svp ?

pour l'instant j'ai ce code mais sa marche pas :

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
<div align="center" style="margin-top:100px" id="ins_form">
  <form method="post" action="test.php?machin">
    <input type="button" name="suiv" id="suiv" value="Suivant >>" style="margin-top:50px" onclick="next()" />
  </form>
</div>
<script>
  function next() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'test.php?machin', true);
    xhr.send(null);
    xhr.onreadystatechange = function() {
      if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {}
    };
  }
</script>
<?php
$BDD = mysql_connect("localhost", "root", "");
mysql_select_db("pat");
if (isset($_GET["machin"])) {
    // la le code pour enregistré les données de form1 ;
    echo '<script> alert("youpi !") ; </script>';
}
?>

[tse_jc]

Bonjour,

Votre code est erroné. En effet passer par un formulaire html, va recharger la page, ce qui n'est pas de l'ajax. Dans un tel cas de figure, il vous suffit de générer le 2e formulaire en réponse à partir de test.php, ce qui n'est pas ce que vous cherchez à faire puisque vous postez sur un forum ajax. (Note: Je rappelle au passage que la bonne syntaxe est test.php?variable=parametre et qu'il vous faut éviter d'envoyer une requête GET et POST en même temps)

Ensuite, vous devez corriger votre algorithme de la façon suivante:

1) Vous postez votre formulaire en Ajax (sans passer par un formulaire html : (balise form)). Pour envoyer passez par une fonction javascript :

Code :

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

<button id="submit" onclick="validate_form()" />

ici la fonction validate_form().
2) Dans votre fonction Javascript, vous récupérez les valeurs saisies dans votre formulaire, puis vous les contrôlez le cas échéant, et les envoyez à votre contrôleur Ajax PHP (ici test.php)
3) Sur un retour Ajax (success) vous récupérez la réponse du serveur qui doit contenir l'information si la validation du premier formulaire s'est bien déroulée, par exemple avec un statut 'ok', et avec le contenu du 2e formulaire par exemple que vous affichez dans votre DOM.

Cordialement,

[amine2208]

en faite je vous explique voila le premier form :






quand l'utilisateur clique sur suivant je veux que ses données s'enregistre dans ma base de donnée et le 2 ème formulaire ( ci-dessous) apparait sans chargé la page :




comment dois-je m'y prendre ?

[tse_jc]

Pouvez-vous m'indiquez ce que vous n'avez pas compris ou mal compris dans la réponse que je vous ai faite?

Merci