Discussion :

[ambi86]

Bonsoir,

j'essaie de faire une fonction ajax qui le permet d'envoyer des choses sur mon serveur mais j'aimerai traiter les messages renvoyées par le serveur. Ainsi jai defini que si le serveur ne renvoit pas d'erreur donc success je fait une redirection sur une autre page sinon j'affiche un message d'erreur.

Mais ca fonctionne pas meme si je rentre n'importe quoi dans mon formulaire ca me redirige vers ma page.

voila le code :

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
 
 
$('body').on('click','#submit',function(){
	var identifiant = $("#identifiant").val();
	var motdepasse = $("#motdepasse").val();
 
	$.ajax({
		url:'php/connecter.php',
		type : 'POST',
		data : {
			identifiant:identifiant,
			motdepasse:motdepasse,
		},
       success : function(data){
           alert(data);
           location.href="acceuil.html";
       },
       error : function(data){
       	alert(data);
       },
	});
 
});

Merci de m'aider.

[ABCIWEB]

Faut pas de virgule après le dernier élément de l'objet data.

Code :

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

1
2
3
4
5
6
7
 
//...
data : {
		identifiant:identifiant,
		motdepasse:motdepasse
	},
//...

Plus généralement utilise l'onglet console après avoir fait F12 pour voir les erreurs javascript.

[Watilin]

Je ne suis pas certain que ce soit la virgule (les virgules en fait, il y en a une autre plus bas) qui pose problème. Ça ne dérange pas l’interpréteur de Firefox par exemple (j’ai la flemme de tester sous Chrome mais je suppose qu’il ne sera pas dérangé non plus).

Cela dit, le conseil d’ABCIWEB d’utiliser la console reste tout à fait bon.

Dans ton cas, ambi86, je pense que tu as plutôt une mauvaise compréhension de ce qui est considéré comme une erreur ajax.

En ces temps anciens où jQuery n’était pas encore né et où l’on n’avait que la méthode onreadystatechange pour gérer les évènements ajax, il fallait tester la valeur de xhr.status pour connaître le code de réponse HTTP. Une valeur de 200 signifie une réussite, une valeur entre 400 et 499 inclus signifie une erreur. Et pourtant, ces deux cas sont considérés comme une réussite car la réponse du serveur est parvenue jusqu’au client.

Une erreur ajax se produit dans deux cas :

• quand la requête n’est pas envoyée à cause d’un problème de permission ;
• quand le client n’a pas de connexion au réseau

Et dans ton cas c’est encore différent car ce que tu considères comme une erreur au niveau métier de ton application n’a rien à voir avec une erreur de réseau ni une erreur HTTP. Dans tous les cas (quand les choses fonctionnent correctement), ton serveur renvoie une réponse avec le code 200. Il n’est pas conseillé de modifier le code HTTP, sauf si tu construis une API REST.

Donc ce que tu dois faire, c’est examiner le message du serveur dans la fonction success, et utiliser un ou plusieurs if pour déterminer si ça correspond à une erreur ou une réussite au niveau métier.