Discussion :

[Tonii]

Bonjour,

J'enregistre un formulaire avec Jquery de façon basique. J'ai ma page du form avec ce code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$('#monForm').on('submit', function() {
	$.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
		data: {
		nom: $('#nom'),
		prenom: $('#prenom').val(),
		email: $('#email').val()
	    },
            dataType: 'json'		 
        });
        return false;
});

Et ma page php qui insert dans la base. Ca fonctionne, sauf que je fais le test success sur la page php avec :

Code php :

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

1
2
3
4
5
6
$array['reponse'] = $reponse;
if(json.reponse == true) {
	echo 'Tout est bon';
} else {
	echo 'Une erreur est survenue';
}

Ca fonctionne donc mais je pense pas que ce soit la meilleur façon de faire.
Si je mets

Code php :

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

echo json_encode($array);

dans ma page php et que je rajoute sur ma page form :

Code :

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

1
2
3
4
5
6
success: function(data){  
	alert('ok');  
},
error: function(data) { 
	alert('PAS ok');  
}

Ca passe jamais ici. L'enregistrement se fait dans la base mais j'ai pas d'alerte.
J'ai essayé avec ca aussi mais sans succès:

Code :

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

1
2
3
4
5
6
7
success: function(data) {
    if(!data.reponse == true) {
    alert('Tout est bon');
    } else {
         alert('Erreur : '+ json.reponse);
    }
}

Merci de votre aide

[SpaceFrog]

regarde dans ta console firebug dans l'onglet xhr ce que tu reçois en réponse

pour moi ton serveur ne retourne pas string json correctement formaté d'ou le fait que tu ne passe pas dans le success
as tu testé un alert sur le onerror

[Bovino]

Ca fonctionne, sauf que je fais le test success sur la page php avec :

Code php :

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

1
2
3
4
5
6
$array['reponse'] = $reponse;
if(json.reponse == true) {
	echo 'Tout est bon';
} else {
	echo 'Une erreur est survenue';
}

Ca fonctionne donc mais je pense pas que ce soit la meilleur façon de faire.

En dehors du fait que la syntaxe du if est curieuse, si tu fais ce type de echo dans ton script PHP, il y a effectivement peu de chances pour que la réponse renvoyée soit un JSON valide...

[SpaceFrog]

ça ne me serait tellement jamais venu à l'esprit des tester un retour d'ajax en php que je suis passé au travers de celle là !!!

Bien vu oeil de Boeuf Lynx

[Tonii]

J'ai bien firebug mais je n'ai pas l'onglet XHR de proposé, pourtant j'ai bien la dernière version

Après pour ce qui est de tester de l'ajax en php oui je reconnais que c'est bizarre mais ça fonctionne puisque je passe bien dans le if et le else dans les deux cas de figure...

Code :

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

1
2
3
4
5
6
7
 
$array['reponse'] = $reponse;
if(json.reponse == true) {
   echo 'Tout est bon';
} else {
   echo 'Une erreur est survenue';
}

Je n'ai pas déclaré d'objet XHR, est-ce pour ça que j'ai pas de retour côté jquery avec success: et error: ?

[SpaceFrog]

Tu as bien declaré un objet xhr vu que tu fais un ajax ...

Tu n'as pas du lire le post de Bovino !

que fait un echo dans ton success ...
jquery = javascript => coté client

jette un oeil sur le code html / js généré tu comprendras mieux

[Tonii]

Désolé je mets du temps à répondre.

Non je n'ai pas déclaré d'objet XHR, je fais de l'ajax avec Jquery, est-ce déclaré de base ?
Mais je n'ai pas de ligne de code du style :

Code :

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

 xhr = new XMLHttpRequest();

MA requette s'éxecute bien, le test aussi mais à priori ce n'est pas une forme très "académique" et ça m'embête....

Je vais voir ce que fait l'echo côté client.

[Tonii]

Donc mon script php renvoi bien "True" quand c'est bon et mon message d'erreur quand c'est pas ok.

Mais ça ne passe pas dans la fonction success dans mon script html contenant l'AJAX.

Côté php à la fin j'ai

Code :

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

echo json_encode($reponse);

Du coup ça m'affiche le résultat mais je comprends pas pourquoi ça repasse pas dans le script html avec la fonction success et error...

Voici mon script :

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
 
	$('#monForm').on('submit', function() {
		$.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
			data: {
				nom: $('#nom'),
				prenom: $('#prenom').val(),
				tel: $('#tel').val(),
				email: $('#email').val()
			},
            dataType: 'json',
			success: function(data){
				//console.log(data);
				if(data){
					window.open('confirmation.html', '_self'); 
				}
			},
			error: function(error){
				console.log("Error:");
				console.log(error);
			}			
        });
	    return false;
    });

Merci d'avance si vous avez une idée

[SpaceFrog]

Non je n'ai pas déclaré d'objet XHR, je fais de l'ajax avec Jquery, est-ce déclaré de base ?

Code :

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

$.ajax({

...

Code :

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

$('#monForm').on('submit', function() {

en gros tu lance un ajax juste avant la soumission du formulaire ...
MAIS ... tu soumets quand même le formulaire donc la page se recharge ...
Il te faut inhiber l'envoi du formulaire de sorte qu'il n'y ait QUE l'ajax qui se lance ...

Code :

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

1
2
3
 
$('#monForm').on('submit', function(e) {[
   e.preventDefault();