ajax et redirection declarée dans le fichier php [Résolu]

[misakilou]

Bonjour ,

j'ai un petit problème , j'ai un formulaire de connexion et je fais appel a Jquery pour le valider , il me retourne soit un message d'erreur ou soit il me doit me rediriger vers la page du membre , sauf que la redirection est fait au niveau php et du coup je me retrouve avec le formulaire de connexion et ma page du membre en dessous

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
		$("#verif_connexion").click(function(e){
			e.preventDefault();
			$("#error").empty();
			$("error").append("");
			dataString = $("#connexion").serialize()
			$.ajax({
				type:"POST",
				url:"trait-connexion.php",
				data: dataString,
				async:false,
				success:function(html){ 
					$("#error").append(html);
				}
			});
		});

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
..
if($_SESSION['statut'] == 1){
					header('Location: http://localhost/test/admin.php');
				}
				elseif($_SESSION['statut'] == 2){
					header('Location: http://localhost/test/member.php');
				}
			}else{
				echo "Vous avez fourni un mot de passe incorrect";
			}
		}
		else{
			echo "Ce compte n'existe pas dans notre base";
		}

[w3ar3dus1]

Impossible, tu ne peut pas rediriger via le php dans un appel AJAX. Quand tu fait un appel AJAX, la page de destination s'execute indépendamment de ta page principale et retourne le résultat. Renvoie plutôt un code d'erreur à chaque fois avec un simple echo et fait la redirection en JS.


genre pour le JS :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
$("#verif_connexion").click(function(e){
  e.preventDefault();
  $("#error").empty();
  $("error").append("");
  dataString = $("#connexion").serialize()
  $.ajax({
    type:"POST",
    url:"trait-connexion.php",
    data: dataString,
    async:false,
    success:function(data){ 
      if(data == 0) {
        window.location.href = 'http://localhost/test/admin.php';
      } else if(data == 2) {
        window.location.href = 'http://localhost/test/member.php';
      } else {
        $("#error").append(data);
      }
    }
  });
});

[misakilou]

le problème est que les url sont visible juste en faisant clic droit et je souhaiterai que cela ne le soit pas

[w3ar3dus1]

les url sont visible juste en faisant clic droit

Peut tu préciser un peu, je ne vois pas très bien ce que tu veut dire?

[misakilou]

clic droit et voir le code source dans un navigateur

[w3ar3dus1]

Dans ce cas, JSON vient à ta rescousse.
Tu renvoie de ton php un objet avec un code pour le statut et en fonction de ça soit tu redirige, soit t'affiche une erreur.

le js :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$.ajax({
      type:"POST",
      url:"trait-connexion.php",
      data: dataString,
      dataType: 'json',
      success:function(data){
        if(data.statut === 0 || data.statut === 1) {
          window.location.href = data.redirect;
        } else {
          $("#error").append(data.errorText);
        }
      }
    });

le php :

Code :

1
2
3
4
5
6
7
8
 
if($_SESSION['statut'] == 1){
  echo '{ "statut": 0, "redirect": "http://localhost/test/admin.php" }';
} elseif ($_SESSION['statut'] == 2){
  echo '{ "statut": 1, "redirect": "http://localhost/test/member.php" }';
} else {
  echo '{ "statut": 3, "errorText": "Vous avez fourni un mot de passe incorrect" }';
}

[misakilou]

effectivement j'y avais pas pensé ^^
Merci