Soumettre des données en Ajax

Version imprimable

Voir 40 message(s) de cette discussion en une page

06/11/2012, 08h28
SpaceFrog
Je ne pense pas que tu aies lu ce que t'as dit Beef ...

Citation:

Dans $.ajax(), this ne correspond plus au formulaire... Il faut le mettre dans une variable avant

ok tu l'as bien mis dans une variable avant ...
mais tu continues à utiliser $(this) après :roll:
Code:

1 2 3 4 5 var $this = $(this); datatosend=$(this).serialize(); $.ajax({ url: $(this).attr('action'), type: $(this).attr('method'),
06/11/2012, 09h33
Rony Rauzduel

J'ai effectué la modification ... mais cela ne fonctionne toujours pas.
06/11/2012, 09h35
Bovino

Tu peux nous montrer ton code actuel ?
Parce que

Citation:

cela ne fonctionne toujours pas

c'est pas l'idéal pour t'aider...

En fait , j'ai fait des modifications sur mon code. Lorsque je dis que cela ne fonctionne toujours pas c'est que la console firebug me montre que les données ne sont pas postées.

Dans le champ POST http://localhost/clothesBusiness/inc...rification.php
Post est vide !

Code:

1
2
 
<form name="form2" id="inscriptionForm" action="includes/inc_verification.php" method="post">

#inc_verification.php

Code:

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
 
	<?php
	/* script vérifiant la validité des informations saisis par l'utilisateur **/
	/* si la variable submit est définie, on inclus le fichier permettant l'injection SQL 
		vérifier que le champ submit du formulaire possède l'attribut name="submit"
		vérification de la validité des valeurs des champs saisis par l'utilisateur **/
 
	if(isset($_POST['password']) && isset($_POST['verifPassword'])) { // si toutes les valeurs des champs sont définies 
		if(!empty($_POST['password']) && !empty($_POST['pseudo'])) { // si la valeur des champs login et password ne sont pas vides alors
			if($_POST['password'] == $_POST['verifPassword']) { // si les valeurs des champs sont équivalentes alors
				if(filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) { // si le champ email est bien définie alors
					 // filtre de validation d'une adresse email (cf. Manuel PHP)
						if ($_POST['submit']) {
							require_once 'inc_ajoutMembre.php'; // inclusion du script d'ajout d'un producteur en base						
						} // au clique sur le bouton submit j'inclus le script d'injection SQL	
				} else { // sinon
					print '<div style="color:#B9121B">Votre adresse email est invalide ! </div>'; // affichage d'un message d'avertissement pour l'adresse email					
					header( "refresh:2;url=http://localhost/clothesBusiness/index.php" ); // redirection vers la page d'adhesion
				} //if(filter_var())				
			} else {
				print '<div style="color:#B9121B">Vos mots de passe ne correspondent pas ! </div>';	// affichage d'un message d'avertissement pour les mots de passe
				header( "refresh:2;url=http://localhost/clothesBusiness/index.php" );
			}
		} else {
			print '<div style="color:#B9121B">Votre login et/ou votre mot de passe sont vides ! </div>'; // affichage d'un message d'avertissement pour les mots de passe
			header( "refresh:2;url=http://localhost/clothesBusiness/index.php" );
		} // fin if(!empty($_POST['password']) && !empty($_POST['login']))
	}
 
	?>

Code:

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
 
/** script traitant de l'affichage de la zone d'inscription */
$(document).ready(function() {
	$("#inscription").click(function() {
		$("#inscriptionForm").fadeIn("fast");		
		// pour la soumission du formulaire
		$("#inscriptionForm").submit(function(e) {
			// pendant la soumission on affiche le loader d'attente Ajax
			$("#loader").show();
			e.preventDefault(); // empêcher le navigateur de soumettre lui-même le formulaire			
 
			// pour l'appel Ajax puisqu'on veut rester sur la même page suite à la soumission
			var $this = $(this);
			datatosend=$this.serialize();			
			$.ajax({				
				url: $this.attr('action'),
				type: $this.attr('method'),
				data: $this.datatosend, 
				cache: false,
				error: function() { 
					$("#loader").hide();
					alert("erreur lors du processus d'enregistrement de l'inscription !");					 
				},
				success: function(retour){
							//console.log(retour);													 	
							if(retour == 'refresh') { // test sur echo 'refresh' du fichier inc_ajoutMembre.php
								$("#loader").hide(); // on cache le loader d'attente Ajax
								$("#inscriptionForm").fadeOut(); // on cache le formulaire
								//window.location.reload(true);																															 	
							} //fin if()														 						
						 } // fin function(retour)		
			}); // fin $.ajax()			
		}); // fin $("#inscriptionForm").submit()				
	}); // fin $("#inscription").click()
}); // fin $(document)
 
//$('#inscriptionSent').show('slow'); 
//setTimeout('$("#inscriptionSent").hide(); $("#inscriptionForm").fadeOut("slow")', 2000);

06/11/2012, 10h05
Bovino

Code:

data: $this.datatosend,

:no:

J'ai vraiment l'impression que tu ne comprends pas vraiment ce que tu fais...
A quel moment attribues-tu à $this une propriété datatosend ?
06/11/2012, 10h11
Rony Rauzduel
Autant pour moi ... un mauvais copié/collé mal placé.
data: datatosend, au lieu de data: $this.datatosend.

J'ai alors le message d'erreur suivant :
Code:

1 2 3 Notice: Undefined index: submit in C:\Users\sogia\Desktop\www\clothesBusiness\includes\inc_verification.php on line 12 
06/11/2012, 10h21
Rony Rauzduel

J'ai modifié le fichier inc_verification.php, il manquait un isset($_POST['submit']) mais l'injection SQL ne s'effectue pas.
06/11/2012, 10h23
Bovino

C'est pourtant écrit clairement dans la doc :

Citation:

No submit button value is serialized since the form was not submitted using a button.
06/11/2012, 10h31
Rony Rauzduel

C'est pour cela qu'en faisant un

Code:

print_r($_POST)

Array() est vide !

Si je crois avoir compris la doc, cela signifierai que le formulaire ne peut être soumis que par un bouton et aucun autre élément HTML.
06/11/2012, 10h35
Bovino

Non, pas vraiment.
D'ailleurs, si tu avais le message

Code:

Notice: Undefined index: submit in C:\Users\sogia\Desktop\www\clothesBusiness\includes\inc_verification.php on line 12 

C'est bien que tu es passé par les vérifications précédentes et que $_POST n'est pas vide...
06/11/2012, 10h43
Rony Rauzduel

J'ai changé le input en button mais le résultat n'est pas présent.
Quelque chose doit m'échapper dans la documentation, si vous pouviez m'éclairer.
06/11/2012, 11h29
Rony Rauzduel
J'ai mis le submit sur le bouton au lieu du formulaire
Code:

1 2 3 4 $("#sendInscription").submit(function(e) { au lieu de $("#inscriptionForm").submit(function(e) {
J'ai maintenant une erreur SQL

Citation:

Erreur lors de l'insertion en base !: SQLSTATE[21S01]: Insert value list does not match column list: 1136 Column count doesn't match value count at row 1
06/11/2012, 11h46
Rony Rauzduel

[Résolu]
Merci encore de m'avoir accompagner. En fait il manquait la colonne email dans la table membres.

Bonne journée.
Transact.

Voir 40 message(s) de cette discussion en une page