variable javascript vers PHP

**cragoroth** · 23/01/2012, 11h41

Bonjour,

Je vous remercie par avance de votre aide car je suis débutant :

j'ai ceci dans un fichier jquery.main.js :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
$('#submit_third').click(function(){
        //remove classes
        $('#third_step input').removeClass('error').removeClass('valid');
 
 
        var fields = $('#third_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<6 || value==field_values[$(this).attr('id')]) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                error++;
            } else {
                $(this).addClass('valid');
            }
        });
 
        if(!error) {
                //update progress bar
                $('#progress_text').html('100% Complete');
                $('#progress').css('width','339px');
 
		         //prepare the fourth step
		        var fields = new Array(
		            $('#email').val(),
		            $('#newPass').val(),
		            $('#questsecrete').val(),
		            $('#repsecrete').val(),
					$('#civilite').val() + ' ' + $('#nom').val() + ' ' + $('#prenom').val(),
		            $('#jour').val() + '/' + $('#mois').val() + '/' + $('#annee').val(),
		            $('#adresse').val(),
		            $('#cp').val(),
		            $('#ville').val(),
		            $('#fixe').val(),
		            $('#mobile').val(),
		            $('#email').val(),
		            $('#dernier_diplome').val(),
					$('#datepickerFormation').val(),
					$('#datepickerFormation2').val(),
					$('#datepicker').val(),
					$('#datepicker2').val(),
					$('#intitule_poste').val(),
					$('#entreprise').val(),
					$('#domaine_acti').val()				                       
		        );
		        var tr = $('#fourth_step tr');
		        tr.each(function(){
		            //alert( fields[$(this).index()] )
		            $(this).children('td:nth-child(2)').html(fields[$(this).index()]);
		        });
 
 
                //slide steps
                $('#third_step').slideUp();
                $('#fourth_step').slideDown();     
        } else return false;
 
    });

Ce qui me permet d'avoir mes valeurs de formulaire dans un tableau :

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
24
25
26
27
28
29
30
31
32
33
 
<!-- #fourth_step -->
			            <div id="fourth_step">
			                <div class="form">
			                    <h2>Résumé</h2><br>
 
			                    <table>
			                        <tr><td>Login : </td><td></td></tr>
			                        <tr><td>Password</td><td></td></tr>
			                        <tr><td>Question secrète</td><td></td></tr>
			                        <tr><td>Réponse à votre question</td><td></td></tr>
 
 
			                        <tr><td>Nom / Prénom</td><td></td></tr>
			                        <tr><td>Date naissance</td><td></td></tr>
			                        <tr><td>Adresse</td><td></td></tr>
			                        <tr><td>Code Postal</td><td></td></tr>
			                        <tr><td>Ville</td><td></td></tr>
			                        <tr><td>Téléphone fixe</td><td></td></tr>
			                        <tr><td>Téléphone portable</td><td></td></tr>
			                        <tr><td>Adresse mail</td><td></td></tr>
 
 
									<tr><td>Dernier diplôme</td><td></td></tr>
									<tr><td>Date début</td><td></td></tr>
									<tr><td>Date fin</td><td></td></tr>
 
 
									<tr><td>Dernier expérience</td><td></td></tr>
									<tr><td>Date début</td><td></td></tr>
									<tr><td>Date fin</td><td></td></tr>
			                    </table> 										  
			                </div>

Ce que j'aimerais faire c'est les récupérer dans une page enregistrement_info.php qui va me permettre de les mettrent dans une base de données

Je ne sais pas comment faire pour récupérer ce tableau javascript.

J'ai pensé à mettre dans un cookie toutes ces valeurs pour les récupérer dans ma page php, j'ai pensé à les appeler directement dans la page php en javascript mais le soucis est si la personne à désactivé javascript...

Je vais d'abord me concentrer sur la récupération de ces valeurs dans le php.

avez-vous une idée svp.

Merci d'avance

**cragoroth** · 24/01/2012, 11h33

plus précisèment j'utilise ceci :

http://webexpedition18.com/articles/...s3-and-jquery/

je l'ai adapté avec mon forluaire. A la base j'avais un formulaire simple qui me permettait de récupérer mes valeurs $_POST mais là je ne vois pas du tout comment faire...

car c'est du javascript ???

**SpaceFrog** · 24/01/2012, 11h59

Code :

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

$.post()

**cragoroth** · 24/01/2012, 12h10

Je ne comprends pas très bien comment l'utiliser mais comme ceci :

Code :

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

1
2
var email= $("#email").val();
$.post("enregistrement_infos.php", email);

Aurais-tu un lien utile ?

**SpaceFrog** · 24/01/2012, 12h32

un lien utile ?
oui le site de jquery
http://api.jquery.com/jQuery.post/

**cragoroth** · 24/01/2012, 13h07

merci j'y suis déjà.....

mais j'arrive pas à comprendre le fonctionnement, j'aurais besoin de mettre toutes ces variables en POST :

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
 
		            $('#email').val(),
		            $('#newPass').val(),
		            $('#questsecrete').val(),
		            $('#repsecrete').val(),
					$('#civilite').val() + ' ' + $('#nom').val() + ' ' + $('#prenom').val(),
		            $('#jour').val() + '/' + $('#mois').val() + '/' + $('#annee').val(),
		            $('#adresse').val(),
		            $('#cp').val(),
		            $('#ville').val(),
		            $('#fixe').val(),
		            $('#mobile').val(),
		            $('#email').val(),
		            $('#dernier_diplome').val(),
					$('#datepickerFormation').val(),
					$('#datepickerFormation2').val(),
					$('#datepicker').val(),
					$('#datepicker2').val(),
					$('#intitule_poste').val(),
					$('#entreprise').val(),
					$('#domaine_acti').val()

et je ne vois pas du tout ou et comment ...mon fichier en pièce jointe

merci de ton retour

**SpaceFrog** · 24/01/2012, 13h45

serialise() pour passer les datas

**cragoroth** · 24/01/2012, 14h01

merci pour toutes tes informations.....mais par exemple, dans mon fichier jqueri.main.js ou devrais-je faire cette action de mettre les variables de mon formulaire en POST ???

car mon formulaire est composé de 4 partie avec un button submit à chaque fois qui envoi vers l'autre partie du form....

je ne vois pas trop comment faire...

pour visionner :

sovitrat.free.Fr

**Golgotha** · 24/01/2012, 14h11

Et si tu essayai déjà de faire un truc plus petit, plus simple et de comprendre comment tout fonctionne...

là, le problème c'est que tu essaye de faire un GROS truc, t'y comprends plus rien, tu es perdu... alors que si tu avance pas à pas, en essayant de comprendre comment çà marche, tu y arriveras par toi même.

**cragoroth** · 24/01/2012, 14h14

merci pour les conseils mais j'ai déjà tout le formulaire en phpet j'ai récupérer tout ce que je voulais.

La c'est vrai que je débute la dedans (jquery)mais j'ai plus trop le temps de le faire c'est pour ça et je trouve que c'est un moyen super de le faire.

J'ai déjà pas mal compris ce que j'ai fais ici (pris un truc sur le net) et je l'ai décortiqué pas à pas...

je n'arrive pas trop à voir si ceci :

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
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
				     $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
				          data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+datas);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

est juste. et surtout au bon endroit

vous pourrez voir ce que j'ai fais ici :

sovitrat.free.fr

**SpaceFrog** · 24/01/2012, 14h42

pourquoi plusieurs forms si tu as besoin de totu récupérer ??
si tu essayais de tout regrouper en un ...

sinon si tu tiens à conserver tous les form serialise peut s'appliquer à chacun des forms ...

**cragoroth** · 24/01/2012, 14h57

J'ai fais cela en plusieurs form pour une manipulation plus aisé des formulaires.....

niveau design (si tu va voir ici, cela rend mieux et plus sympathique pour l'inscription)

par contre que me conseil tu pour mieux faire....

Je ne sais pas ou tester le serialize et surtout dans ma page 'enregistrement_infos.php' comment je récupère cette valeur ? normalement je peux la récup comme d'hab en $_POST ? non ?

j'obtient ceci dans un alert :

Code :

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

1
2
 
success : email=dsqdsq%40dsqdq.Fr&email2=dsqdsq%40dsqdq.Fr&newPass=aaaaaa&newPass2=aaaaaa&questsecrete=aaaaaaa&repsecrete=aaaaaa&civilite=Mr&nom=dfsdfsdfds&prenom=fdsfsdfsdfsd&jour=1&mois=1&annee=2011&adresse=fsdfsdfsdfsd&cp=53453&ville=fsdfsdfsdf&fixe=0445657575&mobile=0675675677&dernier_diplome=dsfsdfsdfs&datepickerFormation=01%2F10%2F2012&datepickerFormation2=01%2F20%2F2012&intitule_poste=fsdfsdfsdf&entreprise=fdsfsdfds&datepicker=01%2F10%2F2012&datepicker2=01%2F19%2F2012&domaine_acti=fdsfsdfsd&description=

cela veut bien dire que je suis arrivé à récupérer toute mes valeurs mais pourquoi ne passe t'elle pas en $_POST ?

une fois sur la page 'enregitrement_infos.php le $_POST e renvoi rien....

comment fait-on

**SpaceFrog** · 24/01/2012, 15h07

tu ne connais pas la balise fieldset ?

**cragoroth** · 24/01/2012, 15h30

<fiedlset> pour les formulaires...

si mais c'est un code que j'ai trouvé sur le net et avec la programation qui est derrière cela ne marche pas avec les fieldset et cela va très bien......

sinon t'as une idée du comment et du pourquoi mes valeurs ne passe pas en $_POST ?

**SpaceFrog** · 24/01/2012, 16h31

Ben c'est dejà un bon signe ton alert...
ça veut dire que tu envoies bein les données sérailisées de ton form => datas

essaye

Code :

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

1
2
success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg );

vu que c'est msg qui est retourné par le serveur

**cragoroth** · 24/01/2012, 16h41

en fait j'ai fais ça :

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
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
					 $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
						  data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

donc il me redirige bien vers ma page 'enregistrement_infos.php' mais mon

Code :

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

1
2
 
print_r($_POST)

est vide.

Par contre quand je fais F12 (firebug et que je vais dans l'onglet réseau je vois bien ma variable poste avec toutes mes valeurs....

comment faire pour afficher ces valeurs du coup...ia une autre méthode ?

j'ai vu le httpRequest mais comment faire...?

**SpaceFrog** · 24/01/2012, 16h45

afficher ou ?
que veux tu faire comme traitement ???
que veux tu recupérer du serveur ?

**cragoroth** · 24/01/2012, 16h49

une fois que je valide le formulaire (

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
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
					 $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
						  data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

je veux arriver à la page enregistrement_infos.php

afin de pouvoir prendre les $_POST et les tester pour insertion dans la base de données.

Tu arrive à me comprendre car c'est pas facile à expliquer...

je veux qu'ici : jquery.main.js, lors de

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
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
					 $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
						  data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

cela m'amène vers la page enregistrement_infos.php avec les valeurs en $_POST de tout les champs de formulaire saisie précédement.

**SpaceFrog** · 24/01/2012, 16h53

pourquoi retourner sur le serveur ?
tu fais un aller retour pour rien ...

Je ne vois pas l'interet de rediriger àprès un retour d'ajax

**cragoroth** · 24/01/2012, 17h03

lol

donc en fait ça marche depuis le début...

c'est vrai qu'avec mon retour ben le self.location......
ne permet pas l'affichage des variables mais là si je l'enlève je vois le message et le $_POST marche bien.

donc je vais pouvoir récupérer ces valeurs et tout faire fonctionner.....

dans 5min je mets le post résolu si ça marche....

Merci bcp SpaceFrog pour ces petites précision....et dsl de t'avoir fait perdre du temps

variable javascript vers PHP

jQuery

Discussions similaires

Partager

Partager