Redirection page sous AJAX

**the_zoomer** · 23/03/2010, 12h54

Bonjour à tous, bon voila je suis entrain de développer un intranet et j'utilise ajax .L'authentification se fait en utilisant des cookies tout marche bien jusqu'à maintenant . le problème surgi au momant ou je veux faire une redirection après une authentification correcte rien ne se passe , j'ai utilisé window.location.replace("menu.html") et window.href="index_error.html" rien ne se passe .

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
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
function getXhr(){
var xhr = null; 
if(window.XMLHttpRequest) // Firefox et autres
   xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject){ // Internet Explorer 
   try {
       xhr = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (e) {
       xhr = new ActiveXObject("Microsoft.XMLHTTP");
       } 
 
}
else { // XMLHttpRequest non supporté par le navigateur 
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
xhr = false; 
 
} 
return xhr
 
}
//************************************fonction de connexion*********************************
function connexion(){
	var xhr = getXhr()
 
var p = document.getElementById("pwd").value;
var l = document.getElementById("login").value;
xhr.open("GET", "querypass.php?p="+p+"&l="+l + "&nocache=" + Math.random(), false);
 
xhr.onreadystatechange = function(){
	if(xhr.readyState==4 && xhr.status==200 ){
		var xml = xhr.responseXML
		var ress = xml.getElementsByTagName('ress')[0];
		var id = ress.getElementsByTagName('id')[0].firstChild.nodeValue
		var nom = ress.getElementsByTagName('nom')[0].firstChild.nodeValue
		var prenom = ress.getElementsByTagName('prenom')[0].firstChild.nodeValue
		var stat = ress.getElementsByTagName('stat')[0].firstChild.nodeValue
		if(stat == 0)
	     {redirection(0)
		 window.href="index_error.html"}
		    else
		    {cre_cook0("cookies",id)
		   window.location.replace("menu.html")}
	}}
 
		xhr.send(null);
 
}
 
	//*********************************fonction creation cookies*****************************	  
		     function cre_cook0(nom,contenu) {
      var expireDate = new Date();
      expireDate.setTime(expireDate.getTime() + 24*3600*1000);
      document.cookie = nom + "=" + escape(contenu)
         + ";expires=" + expireDate.toGMTString();
      }
 
	//*************************fonction affichage valeur cookies****************************				   
	    function litCook() {
 
		var nom="cookies";	
      c=lit_cook(nom)
      if(c=="") alert("Le cookie est vide !")
      else alert("Le cookie vaut : "+c)
	  //window.location.replace("index_error.html")
      }
	//**********************fonction lecture cookies****************************************  
	     function lit_cook(nom) {
      var deb,fin
      deb = document.cookie.indexOf(nom + "=")
      if (deb >= 0) {
         deb += nom.length + 1
         fin = document.cookie.indexOf(";",deb)
         if (fin < 0) fin = document.cookie.length
         return unescape(document.cookie.substring(deb,fin))
         }
      return ""
      }

**Barsy** · 23/03/2010, 13h12

Et window.location.href="mapage.html" ?

**the_zoomer** · 23/03/2010, 13h46

Merci pour ta reponse mais ca marche pas non plus , j'ai essayé de mettre un alert sous la condition if pour voir si ca rentre . ca m'affiche l'alert mais n'execute pas la redirection.

**andry.aime** · 23/03/2010, 14h03

Bonjour,
On peut voir la fonction redirection() ?

**the_zoomer** · 23/03/2010, 15h04

la fonction redirection contient la commande de direction vers une page web precise selon la valeur passée en argument. par exemple si la valeur passée egale à 0 , la redirection sera vers la page d'authentification (mot de passe ou login erronée) si la valeur egal a 1 la redirection passera vers la page menu .
mais puiceque rien ne marche jusqu'a maintenant je l'ai effacée .

**the_zoomer** · 23/03/2010, 15h06

Remarquez que dans la fonction function litCook() j'ai mis
window.location.replace("index_error.html") en argument , le truc bizarre c'est que la redirection marche bien ici mais quand j'essai de la faire a l'interieur de la fonction connexion() ou la fonction redirection() que j'ai crée pour le teste ca marche pas.

**E.Bzz** · 23/03/2010, 15h31

Bonjour,

Envoyé par the_zoomer

mais quand j'essai de la faire a l'interieur de la fonction connexion() ou la fonction redirection() que j'ai crée pour le teste ca marche pas.

un peu comme s'il y avait, juste avant, une erreur de script qui plante ton code

Tu as activé la "notification des erreurs de scripts" (ou équivalent) de ton nav ?

A+

**the_zoomer** · 23/03/2010, 15h34

euuh ..non ! on fait comment ? je travail sur IE parceque le code ne fonctionne pas bien sur mozilla . mais pourtant mon code fonctionne bien je l'ai testé et ca marche .

**E.Bzz** · 23/03/2010, 15h41

Envoyé par the_zoomer

mais pourtant mon code fonctionne bien je l'ai testé et ca marche .

C'est pas ce que j'avais compris en lisant le début de la discussion

Menu Outils / Options Internet / onglet "Avancé" / cocher "Afficher une notification de chaque erreur de script"

A+

**the_zoomer** · 23/03/2010, 15h44

je commence par regler le probleme de redirection apres je verais celui de mozilla .
voila la manip est faite . comment je recupere les notifications.
merci

**Barsy** · 23/03/2010, 15h51

Outils > Console d'erreurs

**the_zoomer** · 23/03/2010, 16h06

je suis sur IE8 , c'est outil -->outils de developpement , je lance l'outil je choisis mon script JS je lance le debogage et ca ne me donne aucune erreur . j'ai essayer de voir si deja l'outil marche pour ca j'ai fait une erreur exprés sur le code et il l'a detecté .donc mon code est correcte.

**andry.aime** · 24/03/2010, 06h08

Re,
Installes firebug sur Firefox et il doit te donner l'erreur, sinon montres ton code actuel.

**the_zoomer** · 24/03/2010, 09h33

voila j'ai installé firebug sur mozilla , en attendant de trouver l'erreur voila mes codes:
pages HTML

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script  type="text/javascript" src="query.js"></script>
<style type="text/css">
<!--
#form1 table {
        color: #C0C0C0;
}
#form1 table tr td table tr td {
        color: #000;
}
body {
        background-color: #FFCC00;
}
-->
</style>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
  <p>&nbsp;</p>
  <table width="891" border="0">
<tr>
        <td width="236" height="271" bgcolor="#FFCC00">&nbsp;</td>
        <td width="714" bgcolor="#FFCC00"><table width="194" height="69">
          <tr>
 
          </tr>
      </table>
          <table width="49%" border="0" align="center" cellpadding="4" cellspacing="1">
          <tr>
            <td><strong>Login :</strong></td>
            <td><font color="#000000">
              <input name="login" type="text" id="login" />
            </font></td>
          </tr>
          <tr>
            <td height="27"><strong>Mot de passe :</strong></td>
            <td><font color="#000000">
              <input name="password" type="password" id="pwd" />
            </font></td>
          </tr>
          <tr>
            <td width="35%" height="70"><font color="#000000">
              <input type="submit" name="Bouton" value="Valider" onclick="connexion();" />
            </font></td> 
            <td width="65%"><h1><font color="#000000">
              <input name="Submit2" type="button"value="Fermer" onclick="javascript:window.close()" />
            </font></h1>
<p>&nbsp;</p></td>
          </tr>
        </table></td>
    </tr>
  </table>
</form>
</body>
</html>

pages PHP querypass.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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?php
$hote="localhost";
$utilisateur="root";
$modpasse="";
$connection=mysql_connect ($hote, $utilisateur, $modpasse);
$nomdelabase="gama";
mysql_select_db ($nomdelabase, $connection);
$log=$_GET["l"];
$pwd=$_GET["p"];
$xml = '<?xml version="1.0" encoding="ISO-8859-1"?><root>';
//*********************************je recupere l'ID de l'utilisateur **************************
$query = "SELECT id_ressource ,nom ,prenom FROM ressource where login='$log' and password='$pwd' ";
$result = mysql_query($query); 
$num_rows = mysql_num_rows($result);
 
header('Content-Type: text/xml; charset: UTF-8');
echo '<?xml version="1.0" encoding="UTF-8" ?>';
echo "<root>";
if($num_rows==1){
while($row=mysql_fetch_row($result)){
 echo"<ress>";
 echo "<id>" . $row[0] . "</id>";
 echo "<nom>" . $row[1] . "</nom>";
 echo "<prenom>" . $row[2] . "</prenom>";
 echo "<stat>" . 1 . "</stat>";
 echo"</ress>";
}}
else{
 echo"<ress>";
 echo "<id>" . 0 . "</id>";
 echo "<nom>" . 0 . "</nom>";
 echo "<prenom>" . 0 . "</prenom>";
 echo "<stat>" . 0 . "</stat>";
 echo"</ress>";
	}
echo "</root>";
mysql_close($connection);
?>

pages JS query.js

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
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
function getXhr(){
var xhr = null; 
if(window.XMLHttpRequest) // Firefox et autres
   xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject){ // Internet Explorer 
   try {
       xhr = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (e) {
       xhr = new ActiveXObject("Microsoft.XMLHTTP");
       } 
 
}
else { // XMLHttpRequest non supporté par le navigateur 
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
xhr = false; 
 
} 
return xhr
 
}
//************************************fonction de connexion*********************************
function connexion(){
	var xhr = getXhr()
 
var p = document.getElementById("pwd").value;
var l = document.getElementById("login").value;
xhr.open("GET", "querypass.php?p="+p+"&l="+l + "&nocache=" + Math.random(), false);
 
xhr.onreadystatechange = function(){
	if(xhr.readyState==4 && xhr.status==200 ){
		var xml = xhr.responseXML
		var ress = xml.getElementsByTagName('ress')[0];
		var id = ress.getElementsByTagName('id')[0].firstChild.nodeValue
		var nom = ress.getElementsByTagName('nom')[0].firstChild.nodeValue
		var prenom = ress.getElementsByTagName('prenom')[0].firstChild.nodeValue
		var stat = ress.getElementsByTagName('stat')[0].firstChild.nodeValue
		if(stat == 0)
	      window.location.href='index_error.html';
		   else
		    {cre_cook0("cookies",id)
		   window.location.replace("menu.html")}
	}}
 
		xhr.send(null);
 
}
 
	//*********************************fonction creation cookies*****************************	  
		     function cre_cook0(nom,contenu) {
      var expireDate = new Date();
      expireDate.setTime(expireDate.getTime() + 24*3600*1000);
      document.cookie = nom + "=" + escape(contenu)
         + ";expires=" + expireDate.toGMTString();
      }
 
	//*************************fonction affichage valeur cookies****************************				   
	    function litCook() {
 
		var nom="cookies";	
      c=lit_cook(nom)
      if(c=="") alert("Le cookie est vide !")
      else alert("Le cookie vaut : "+c)
	  //window.location.replace("index_error.html")
      }
	//**********************fonction lecture cookies****************************************  
	     function lit_cook(nom) {
      var deb,fin
      deb = document.cookie.indexOf(nom + "=")
      if (deb >= 0) {
         deb += nom.length + 1
         fin = document.cookie.indexOf(";",deb)
         if (fin < 0) fin = document.cookie.length
         return unescape(document.cookie.substring(deb,fin))
         }
      return ""
      }

**the_zoomer** · 24/03/2010, 15h54

Les amis j'attend toujours si vous avez des propositions.
juste pour information j'ai essayé de faire window.open("mapage.html") ca marche il m'ouvre une nouvelle fenetre . mais le truc qui est bizarre c'est que a chaque redirection ya toujours l'appel de la page index alors que je ne l'ai appellée nul part.

**the_zoomer** · 25/03/2010, 10h26

finalement ca a marché

, j'ai utilisé window.setTimeout("location=('menu.html');",0); ne me demandez pas pourquoi ou comment j'ai aucune idée....par contre le code ne fonctionne toujours pas sur firefox et firebug ne me renvoi pas d'erreur a moins si je l'ai pas bien utiliser..
merci

Redirection page sous AJAX

JavaScript

Discussions similaires

Partager

Partager