Discussion :

[serna]

Bonjour,

j'utilise le scipt jquery steps
http://www.jquery-steps.com/Examples
pour avoir un formulaire "pas à pas"
ça fonctionne bien cependant je n'arrive pas a envoyer les variables dans ma page qui traite les données pour insérer dans une table

dans l'exemple , le bouton qui valide le tout ouvre une alert j'ai remplacé par window.location pour atteindre la page de traitement mais rien ne se transmet

Code :

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

1
2
3
onFinished: function (event, currentIndex){
    window.location.href = "test_insert.php";  
}

j'ai regardé la page de doc sur github mais je ne vois pas comment faire
https://github.com/rstaib/jquery-ste...ettings#events

merci pour toute aide

[serna]

en cherchant un peu je sais que je dois faire quelque chose comme ça pour transmettre les variables du formulaire

Code :

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

1
2
3
4
5
6
7
8
 $.ajax({
   type: "POST",
   url: "test_insert.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

en sachant que j'ai par exemple comme input dans le formulaire

Code :

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

<input type="text" id="data1" name="data1" /><input type="text" id="data2" name="data2" />

que dois je mettre à la place de "name=John&location=Boston"

merci pour votre aide

[danielhagnoul]

Bonsoir

API : http://api.jquery.com/serialize/

Comment dois-je formuler une requête AJAX ?

[TiranusKBX]

avec jQuery j'utiliserai

Code :

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

1
2
3
4
$.post( "test_insert.php", 
    { 
    data1: $.('#data1').value,
    data2: $.('#data2').value } );

[serna]

merci TiranusKBX et danielhagnoul pour vos pistes

très intéressant serialise qui récupère toutes les valeurs du formulaire

j'ai trouvé dans la doc une solution qui me convient , ça envoie les données à ma page de traitement.

Code :

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

1
2
onFinished: function (event, currentIndex) 
{ var form = $(this); form.submit(); }