Envoi formulaire et retour JSON

**oziam** · 22/09/2016, 17h56

salut a tous, j ai un probleme avec mon formulaire, j'ai mis un script pour le submit qui est sense envoye les donnees mais il ne fonctionne pas, pourriez vous m aider?

Code html :

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<form id="contact">
<fieldset>
<div style="color: #00000;">* Champs Obligatoires</div>
<div style="color: #fff;">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="row">
<div class="col-md-2 col-sm-2">
<div class="form-group">
<div class="libelle">Civilité</div>
<select name="rc_titre_particulier">
<option value="0">-</option>
<option value="5">Docteur</option>
<option value="2">Mademoiselle</option>
<option value="6">Maître</option>
<option value="3">Madame</option>
<option value="1">Monsieur</option>
<option value="1">Monsieur et Madame</option>
</select>
 
</div>
</div>
<div class="col-md-5 col-sm-5">
<div class="form-group">
<div class="libelle">Nom</div>
<input name="rc_demandenom_particulier" type="text" value="" />
 
</div>
</div>
<div class="col-md-5 col-sm-5">
<div class="form-group">
<div class="libelle">Prénom</div>
<input name="rc_demandeprenom_particulier" type="text" value="" />
 
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Email</div>
<input name="rc_demandeemail" type="text" value="" />
 
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Téléphone</div>
<input name="rc_demandetelephone_particulier" type="text" value="" />
 
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Adresse*</div>
<input name="rc_demandeadresse_particulier" type="text" />
 
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<div class="libelle">Code Postal*</div>
<input name="rc_demandecode_postal_particulier" type="text" />
 
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<div class="libelle">Ville*</div>
<input name="rc_demandeville_particulier" type="text" />
 
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Catégorie Professionnelle*</div>
<select name="rc_demandeprofession">
<option value="11">Artisan-Commerçant</option>
<option value="24">Assistante Maternelle</option>
<option value="20">CDD</option>
<option value="13">CDI non Cadre</option>
<option value="8">CDI-Cadre</option>
<option value="21">Congé Parental</option>
<option value="9">Fonctionnaire (Titulaire)</option>
<option value="16">Gérant- PDG</option>
<option value="19">Intérimaire</option>
<option value="26">Invalidité</option>
<option value="2">Profession libérale</option>
<option value="4">Retraité(e)</option>
<option value="25">Sans Activité-Chomeur</option>
</select>
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Date de naissance*</div>
<input name="rc_demandedate_de_naissance_particulier" type="text" />
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Situation de Famille*</div>
<select name="rc_demandesituation_de_famille_particulier">
<option value="1">CÉLIBATAIRE</option>
<option value="2">CONCUBINAGE</option>
<option value="3">DIVORCE</option>
<option value="7">DIVORCE ET UNION LIBRE</option>
<option value="4">MARIE(E)</option>
<option value="9">Pacsé</option>
<option value="8">SÉPARÉ(E) INSTANCE DE DIVORCE</option>
<option value="5">UNION LIBRE</option>
<option value="6">VEUF(VE)</option>
</select>
 
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Revenu mensuel total du ménage</div>
<input name="" type="text" />
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Valeur de votre bien immobilier</div>
<input name="rc_demandevaleur_bien_immobilier" type="text" />
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Montant des dettes et des crédits*</div>
<input name="rc_demandekrd_total" type="text" />
 
</div>
</div>
</div>
<div>
 
Résumé de votre demande
<textarea cols="35" name="rc_demanderesume_demande" rows="19"></textarea>
 
</div>
<input name="pQuoi" type="hidden" value="rc_demande" />
<div><input name="submitMessage" type="submit" value="Envoyer" /></div>
</div>
</div>
</div>
</div></fieldset>
</form><script>
<script>
$(document).ready(function() 
    $("#submitMessage").click(function(event) {
            var reponse="erreur";              
                $.post("demande.php", {  donnees: $("#contact").serializeArray(), },
                   function(data){
                        var response = jQuery.parseJSON(data);   
                        alert (response.response);    
                        });//data et post                                          
                return false;
                }) // submitMessage
 
    });
});
</script>

ps: si j en leve le script et utilise 'form' 'method' 'action' ca fonctionne, donc le problème viens de mon script

**Toufik83** · 23/09/2016, 13h09

bonjour,
tu as BEAUCOUP d'erreurs dans ton code html et jquery.
voilà ce que j'ai rectifié :

Code html :

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
 
<html>
<head>
	<script   src="https://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#submitMessage").click(function() {
            var reponse="erreur";
                        $.ajax({
                                url:"demande.php",
                                type:"post",
                                dataType:"json",
                                data: $("#contact").serializeArray(),
                                success:function(retour){
                                        if(retour.titre && retour.nom){
                                                alert("Titre :"+retour.titre+" Nom :"+retour.nom);
                                                }
                                        else{
                                                alert("Erreur Saisie :"+retour.erreur);
                                        }
                                        },
                                error:function(){alert("erreur ajax");}
                        });  
 
    });
});
</script>
</head>
<body>
<form id="contact" method="post" enctype="application/x-www-form-urlencoded">
<fieldset>
<div style="color: #00000;">* Champs Obligatoires</div>
<div style="color: #fff;">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="row">
<div class="col-md-2 col-sm-2">
<div class="form-group">
<div class="libelle">Civilité</div>
<select name="rc_titre_particulier">
<option value="0">-</option>
<option value="5">Docteur</option>
<option value="2">Mademoiselle</option>
<option value="6">Maître</option>
<option value="3">Madame</option>
<option value="1">Monsieur</option>
<option value="1">Monsieur et Madame</option>
</select>
 
</div>
</div>
<div class="col-md-5 col-sm-5">
<div class="form-group">
<div class="libelle">Nom</div>
<input name="rc_demandenom_particulier" type="text" value="" />
 
</div>
</div>
<div class="col-md-5 col-sm-5">
<div class="form-group">
<div class="libelle">Prénom</div>
<input name="rc_demandeprenom_particulier" type="text" value="" />
 
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Email</div>
<input name="rc_demandeemail" type="text" value="" />
 
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Téléphone</div>
<input name="rc_demandetelephone_particulier" type="text" value="" />
 
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Adresse*</div>
<input name="rc_demandeadresse_particulier" type="text" />
 
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<div class="libelle">Code Postal*</div>
<input name="rc_demandecode_postal_particulier" type="text" />
 
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<div class="libelle">Ville*</div>
<input name="rc_demandeville_particulier" type="text" />
 
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Catégorie Professionnelle*</div>
<select name="rc_demandeprofession">
<option value="11">Artisan-Commerçant</option>
<option value="24">Assistante Maternelle</option>
<option value="20">CDD</option>
<option value="13">CDI non Cadre</option>
<option value="8">CDI-Cadre</option>
<option value="21">Congé Parental</option>
<option value="9">Fonctionnaire (Titulaire)</option>
<option value="16">Gérant- PDG</option>
<option value="19">Intérimaire</option>
<option value="26">Invalidité</option>
<option value="2">Profession libérale</option>
<option value="4">Retraité(e)</option>
<option value="25">Sans Activité-Chomeur</option>
</select>
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Date de naissance*</div>
<input name="rc_demandedate_de_naissance_particulier" type="text" />
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Situation de Famille*</div>
<select name="rc_demandesituation_de_famille_particulier">
<option value="1">CÉLIBATAIRE</option>
<option value="2">CONCUBINAGE</option>
<option value="3">DIVORCE</option>
<option value="7">DIVORCE ET UNION LIBRE</option>
<option value="4">MARIE(E)</option>
<option value="9">Pacsé</option>
<option value="8">SÉPARÉ(E) INSTANCE DE DIVORCE</option>
<option value="5">UNION LIBRE</option>
<option value="6">VEUF(VE)</option>
</select>
 
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Revenu mensuel total du ménage</div>
<input name="" type="text" />
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Valeur de votre bien immobilier</div>
<input name="rc_demandevaleur_bien_immobilier" type="text" />
 
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Montant des dettes et des crédits*</div>
<input name="rc_demandekrd_total" type="text" />
 
</div>
</div>
</div>
<div>
 
Résumé de votre demande
<textarea cols="35" name="rc_demanderesume_demande" rows="19"></textarea>
 
</div>
<input name="pQuoi" type="hidden" value="rc_demande" />
<div><input id="submitMessage" name="submit" type="button" value="Envoyer" /></div>
</div>
</div>
</div>
</div></fieldset>
</form>
</body>
</html>

et le fichier demande.php :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<?php
$response=array();
if(!empty($_POST) && !empty($_POST["rc_demandenom_particulier"]) && !empty($_POST["rc_titre_particulier"]) ){
$rc_titre=$_POST["rc_titre_particulier"];
$rc_nom=$_POST["rc_demandenom_particulier"];
$response=array('titre'=>$rc_titre
				,'nom'=>$rc_nom);
}
else
{
$response=array('erreur'=>'pas de données envoyées');
}
echo json_encode($response);
?>

**oziam** · 23/09/2016, 13h28

Merci, mais ca ne fonctionne plus la

**Toufik83** · 23/09/2016, 13h32

j'ai testé le code avant de l'envoyer, tout ce que tu as a faire c'est de copier coller les codes comme ils sont.

Envoi formulaire et retour JSON

jQuery

Discussions similaires

Partager

Partager